Geo Chart Example

An example of a Google Geo Chart.

by Djuka

HTML

<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1.1','packages':['geochart']}]}"></script>
<div id="regions_div" style="width: 900px; height: 500px;"></div>

JavaScript

google.setOnLoadCallback(drawRegionsMap);

      function drawRegionsMap() {

          var data = google.visualization.arrayToDataTable([
              ['Country', 'Popularity'],
              ['Germany', 200],
              ['Brazil', 400],
              ['Canada', 500],
              ['France', 600],
              ['United States', 300],
              ['IL', 400], // Isreal should be maked, not Illinois
              ['ME', 400]  // Montenegro should be marked, not Maine
          ]);

          var options = {
              displayMode: 'markers'
          };

          var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));

          chart.draw(data, options);
      }