Geo Chart Example

An example of a Google Geo Chart.

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([
          ['String', 'City'],
          ['Foz do Iguacu'],
          ['Sao Paulo'],
          ['Rio de Janeiro'],
          ['Brasilia']
        ]);

        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: "BR", resolution: "provinces"});
      }