<html>
<head>
  <script type='text/javascript' src='https://www.google.com/jsapi'></script>
  <script type='text/javascript'>
   google.load('visualization', '1', {'packages': ['geomap']});
   google.setOnLoadCallback(drawMap);

    function drawMap() {
      var data = new google.visualization.DataTable();
      data.addRows(6);
      data.addColumn('string', 'Region');
      data.addColumn('number', 'Popularity');
      data.setValue(0, 0, 'Región de Moravia Meridional');
      data.setValue(0, 1, 200);
      data.setValue(1, 0, 'KATANGA');
      data.setValue(1, 1, 300);
      data.setValue(2, 0, 'Miami');
      data.setValue(2, 1, 400);
      data.setValue(3, 0, 'MADRID');
      data.setValue(3, 1, 500);
      data.setValue(4, 0, 'BRNO');
      data.setValue(4, 1, 600);
      data.setValue(5, 0, 'Kinshasa');
      data.setValue(5, 1, 700);

      var options = {};
      options['region'] = 'ES';
      options['colors'] = [0xFF8747, 0xFFB581, 0xc06000]; //orange colors
      options['dataMode'] = 'markers';

      var container = document.getElementById('map_canvas');
      var geomap = new google.visualization.GeoMap(container);
      geomap.draw(data, options);
    };
  
  </script>
</head>

<body>
    <div id='map_canvas'></div>
</body>

</html>