maps in business intelligence - dashboards reloaded
DESCRIPTION
Crosswind's Lightning Talk at GeoBeer #8 about integrating business maps into dashboards. GeoBeer #8 was sponsored by Ernst Basler + Partners and Crosswind.TRANSCRIPT
Maps in Business Intelligence – Dashboards reloaded
GeoBeer #8
Christoph Kiefer | Tobias Brühlmeier
10. September 2014
1
Unternehmens-Reporting
Dashboards
Business Maps
3
4
5
6
7
<!DOCTYPE mstrlayout:layout SYSTEM "mstrlayout.dtd"><mstrlayout:layout><![CDATA[<html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <meta charset="utf-8"> <title>Info windows</title> <style> html, body, #map-canvas { height: 100%; margin: 0px; padding: 0px } </style> <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script>]]><mstrlayout:render name="visualization" /><![CDATA[ function initialize() { var mapOptions = { disableDoubleClickZoom: true, zoom: 8, center: new google.maps.LatLng(46.819767, 8.409992), // ROADMAP, SATELLITE, HYBRID, TERRAIN mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
var myIcon = new google.maps.MarkerImage("https://crosswind.sharepoint.com/_layouts/15/guestaccess.aspx?guestaccesstoken=sHgKflJlRjEjmuuEt8LM9jaxRqETI1xgB4i9OUNIqaE%3d&docid=0fd294d76fb5744a9938dc22cb95fffa3", null, null, null, new google.maps.Size(42,40));
$.each(locations, function(index, value) { var contentString = '<div id="content">'+ '<div id="siteNotice">'+ '</div>'+ '<h1 id="firstHeading" class="firstHeading">'+ 'Geobeer #' + value.nr + '</h1>'+ '<div id="bodyContent">'+ '<p><b>'+ 'Geobeer #' + value.nr+ '</b>'+ ' took place at '+ value.city+ ' on '+ value.date+ '.'+ ' It was sponsored by '+ value.sponsor+ ' and there were '+ '<b>' + value.attendees + '</b>'+ ' event attendees.'+ '</p>'+ '</div>' + '</div>';
var infowindow = new google.maps.InfoWindow({content : contentString});
var marker = new google.maps.Marker({position : value.position,map : map,title : value.city,icon: myIcon});
google.maps.event.addListener(marker, 'click', function() {infowindow.open(map, marker);});
});}
google.maps.event.addDomListener(window, 'load', initialize);
</script></head><body><div id="map-canvas"></div></body></html>]]></mstrlayout:layout>
8
<!DOCTYPE mstrlayout:layout SYSTEM "mstrlayout.dtd"><mstrlayout:layout><![CDATA[<html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <meta charset="utf-8"> <title>Info windows</title> <style> html, body, #map-canvas { height: 100%; margin: 0px; padding: 0px } </style> <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script><script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script>]]><mstrlayout:render name="visualization" /><![CDATA[ function initialize() { var mapOptions = { disableDoubleClickZoom: true, zoom: 8, center: new google.maps.LatLng(46.819767, 8.409992), // ROADMAP, SATELLITE, HYBRID, TERRAIN mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
var myIcon = new google.maps.MarkerImage("https://crosswind.sharepoint.com/_layouts/15/guestaccess.aspx?guestaccesstoken=sHgKflJlRjEjmuuEt8LM9jaxRqETI1xgB4i9OUNIqaE%3d&docid=0fd294d76fb5744a9938dc22cb95fffa3", null, null, null, new google.maps.Size(42,40));
$.each(locations, function(index, value) { var contentString = '<div id="content">'+ '<div id="siteNotice">'+ '</div>'+ '<h1 id="firstHeading" class="firstHeading">'+ 'Geobeer #' + value.nr + '</h1>'+ '<div id="bodyContent">'+ '<p><b>'+ 'Geobeer #' + value.nr+ '</b>'+ ' took place at '+ value.city+ ' on '+ value.date+ '.'+ ' It was sponsored by '+ value.sponsor+ ' and there were '+ '<b>' + value.attendees + '</b>'+ ' event attendees.'+ '</p>'+ '</div>' + '</div>';
var infowindow = new google.maps.InfoWindow({content : contentString});
var marker = new google.maps.Marker({position : value.position,map : map,title : value.city,icon: myIcon});
google.maps.event.addListener(marker, 'click', function() {infowindow.open(map, marker);});
});}
google.maps.event.addDomListener(window, 'load', initialize);
</script></head><body><div id="map-canvas"></div></body></html>]]></mstrlayout:layout>