JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.google.com/jsapi?dummy=.js"></script>
<div id="chart_div"></div>

JavaScript

google.load('visualization', '1.1', {
    'packages': ['geochart']
});
google.setOnLoadCallback(drawStuff);

function drawStuff() {
  var data = google.visualization.arrayToDataTable([
    ['Country', 'Popularity'],
    ['Germany', 200],
    ['United States', 300],
    ['Brazil', 400],
    ['Canada', 500],
    ['France', 600],
    ['RU', 700]
  ]);

  var geochart = new google.visualization.GeoChart(
      document.getElementById('chart_div'));
  geochart.draw(data, {width: 556, height: 347, displayMode: 'markers'});
    google.visualization.events.addListener(geochart, 'select', function(r) {
        alert('Row #' + geochart.getSelection()[0].row + ' was clicked');
    });
}