Geo Chart Example

An example of a Google Geo Chart.

by mram888

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
       <div id="regions_div" style="width: 100%; height: auto;"></div>

JavaScript

google.charts.load('current', {'packages':['geochart']});
      google.charts.setOnLoadCallback(drawRegionsMap);

      function drawRegionsMap() {

        var data = google.visualization.arrayToDataTable([
    ['State', 'Foo Factor'],
    ['US-IL', 200],
    ['US-IN', 300],
    ['US-IA', 20],
    ['US-RI', 150]
        ]);

        var options = {};

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

   google.visualization.events.addListener(geochart, 'select', function() {
   			console.log(geochart.getSelection()[0]);
        var selectionIdx = geochart.getSelection()[0].row;
        var countryName = data.getValue(selectionIdx, 0);
        window.open('I PUT THE URL I WANT HERE');
    });
    
    
  geochart.draw(data, {width: '100%', region: "asia"});
      }