In Brazil we have two states with similar names: "Rio Grande do Norte"
is in the north of Brazil and "Rio Grande do Sul" in the South.
GeoChart is thinking that "Rio Grande do Norte" is "Rio Grande do Sul"
and draws the data in the "Rio Grande do Sul" state but shows the name
"Rio Grande do Norte" when you mouse over it.
Try yourself
https://code.google.com/apis/ajax/playground/#geo_chart
---------------------------
function drawVisualization() {
var data = new google.visualization.DataTable();
data.addRows(2);
data.addColumn('string', 'Country');
data.addColumn('number', 'Popularity');
data.setValue(0, 0, 'Rio Grande do Sul');
data.setValue(0, 1, 200);
// This one shows in the wrong place
data.setValue(1, 0, 'Rio Grande do Norte');
data.setValue(1, 1, 300);
var options = {};
options['region'] = 'BR';
options['resolution'] = 'provinces';
options['width'] = 556;
options['height'] = 347;
var geochart = new google.visualization.GeoChart(
document.getElementById('visualization'));
geochart.draw(data,options);
}
----------------------------
Any suggestion?