<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.charts.load('current', {'packages':['geochart']});
google.charts.setOnLoadCallback(drawRegionsMap);
function drawRegionsMap() {
var data1 = google.visualization.arrayToDataTable([
['Country', 'Popularity'],
['Germany', 200],
['United States', 300],
['Brazil', 400],
['Canada', 500],
['France', 600],
['RU', 700]
]);
var options1 = {};
var chart1 = new google.visualization.GeoChart(document.getElementB yId('regions_div_1'));
chart1.draw(data1, options1);
////
var data2 = google.visualization.arrayToDataTable([
['Country', 'Popularity'],
['Germany', 200],
['United States', 300],
['Brazil', 400],
['Canada', 500],
['France', 600],
['RU', 700]
]);
var options2 = {};
var chart2 = new google.visualization.GeoChart(document.getElementB yId('regions_div_2'));
chart2.draw(data2, options2);
}
</script>
</head>
<body>
<div id="regions_div_1" style="width: 900px; height: 500px;"></div>
<div id="regions_div_2" style="width: 900px; height: 500px;"></div>
</body>
</html>
