Código HTML:
<script type='text/javascript'> google.load('visualization', '1', {'packages': ['geochart']}); google.setOnLoadCallback(drawMarkersMap); function drawMarkersMap() { var data = google.visualization.arrayToDataTable([ ['Ciudad', 'Casos'], ['Aguascalientes',100], ['Baja California Norte',11], ['Baja California Sur',75] ]); var options = { region: 'MX', displayMode: 'markers', colorAxis: {colors: ['green', 'pink', 'orange', 'red', '#B2D029','blue']}, backgroundColor:'', datalessRegionColor:'#B7B7B7', resolution:'countries' }; var chart = new google.visualization.GeoChart(document.getElementById('chart_div')); chart.draw(data, options); }; </script>