0
I’m trying to use the API "Google Charts", to draw a map of Brazil that will show the states where the company is operating.
But I need to design only Brazil, and even specifying the variable "BR" as being, she continues to draw me Brazil and its neighboring countries
What I need is to draw only Brazil
<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {
'packages': ['geochart'],
// Note: you will need to get a mapsApiKey for your project.
// See: https://developers.google.com/chart/interactive/docs/basic_load_libs#load-settings
'mapsApiKey': 'AIzaSyD-9tSrke72PouQMnMX-a7eZSW0jkFMBWY'
});
google.charts.setOnLoadCallback(drawRegionsMap);
function drawRegionsMap() {
var data = google.visualization.arrayToDataTable([
['Estados', ''],
['BR-SP', 'São Paulo'],
['BR-PR', 'Paraná'],
['BR-SC', 'Santa Catarina'],
['BR-RJ', 'Rio de Janeiro'],
['BR-MG', 'Minas Gerais'],
['BR-GO', 'Goiás'],
['BR-BA', 'Bahia'],
]);
var options = {
region: 'BR',
resolution: 'provinces',
width: 800,
height: 800,
defaultColor: "#3f6ab7",
datalessRegionColor: 'white',
backgroundColor: 'white'
};
var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="regions_div" style="width: 900px; height: 500px;"></div>
</body>
</html>