SQL Reporting Services: Display 'Live' Map from Google Maps Inside Report

27 במאי 2013

אין תגובות


ניתן להציג מפה "חיה" מתוך Google Maps בתוך דוח של SQL Reporting Services


הערות
הקוד הוא דוגמא בלבד – ניתן לממש בדרכים אחרות
מבוסס על המאמר כאן בחלק שבו נכתב "Alternative method to display HTML fields in reports"

השלבים (דוגמא בלבד)
1. הוספת רכיב מסוג TextBox לדוח.
2. לחיצה "בתוך" ה-TextBox ובחירה של Create Placeholder


3. ה-Value של ה-Placeholder להגדיר את הערך "ReportHtml"=


4. בקובץ ReportViewer.aspx בתיקייה
C:\Program Files\Microsoft SQL Server\MSRS11.MSSQLSERVER\Reporting Services\ReportServer\Pages
להוסיף את הפונקציה הבאה:

function pageLoad()
{
   var tdElem = $("td:contains('ReportHtml'):last");
   tdElem.text(
"");

   if (tdElem.length > 0)
   {

      $('<iframe />',

      {
         name:
'myFrame',
         id:
'mapFrame',
         src:
"/Reports/Pages/google.aspx",
         style:
'height: 410; width: 665;'
      }).appendTo(tdElem);
   }
}


5. ליצור קובץ חדש google.aspx בתיקייה
C:\Program Files\Microsoft SQL Server\MSRS11.MSSQLSERVER\Reporting Services\ReportManager\Pages


<!DOCTYPE html>
<
html>
<head>
<meta charset="utf-8">
<title>Google Maps</title>
<link
  
href=http://google-developers.appspot.com/maps/documentation/javascript/examples/default.css
   rel="stylesheet">
<script src="http://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&language=he">
   </
script>
<script>
function initialize()
{
   var myLatlng = new google.maps.LatLng('32.1756100', '34.8898964');
   var mapOptions =
   {
      zoom: 18,
      center: myLatlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
   }

   var
infowindow = new google.maps.InfoWindow(
   {
      content:
"מיקרוסופט ישראל", size: new google.maps.Size(320, 220)
   });

   var
map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
  
   var
trafficLayer = new google.maps.TrafficLayer();
   trafficLayer.setMap(map);
}
</script>
</head>

<body onload="initialize()">
   <div id="map_canvas"></div>
</body>
</
html>



מתקבלת מפה "חיה" ב-Reporting Services עם יכולות של הצגת עומסי תנועה ויכולות של Street View:

הוסף תגובה
facebook linkedin twitter email

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *