Difference between revisions of "Team:Manchester/Collaborations"

@@ Line 4: / Line 4: @@
 <head>
-  <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
+    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
-  <script>
+    <script type="text/javascript">
-    google.charts.load('current', { 'packages': ['map'] });
+      google.charts.load('current', {
-    google.charts.setOnLoadCallback(drawMap);
+        'packages':['geochart'],
+        // Note: you will need to get a mapsApiKey for your project.
+        // See: https://developers.google.com/chart/interactive/docs/basic_load_libs#load-settings
+        'mapsApiKey': 'AIzaSyD-9tSrke72PouQMnMX-a7eZSW0jkFMBWY'
+      });
+      google.charts.setOnLoadCallback(drawRegionsMap);
-    function drawMap() {
+      function drawRegionsMap() {
        var data = google.visualization.arrayToDataTable([
          ['Country', 'Population'],
@@ Line 24: / Line 29: @@
        ]);
-    var options = {
+        var options = {};
-      showTooltip: true,
-      showInfoWindow: true,
-      zoomLevel: 2,
-      tooltip: {isHtml: true},
-      icons: {
-       default: {
-       normal: 'http://icons.iconarchive.com/icons/graphicloads/polygon/48/science-icon.png',
-            }
-      }
-    };
-    var map = new google.visualization.Map(document.getElementById('chart_div'));
+        var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));
-    map.draw(data, options);
+         chart.draw(data, options);
+      }
-      google.visualization.events.addListener(chart, 'ready', function () {
+    </script>
-         chart_div.innerHTML = '<img src="' + chart.getImageURI() + '">';
-        console.log(chart_div.innerHTML);
-      });
-      chart.draw(data, options);
-  };
-  </script>
 </head>

Difference between revisions of "Team:Manchester/Collaborations"

Revision as of 19:33, 6 October 2017

Coming Soon...