Not all countries have province-level maps in the GeoCharts, and it looks like Brazil is one of the ones that doesn't have them. In order to zoom in on the region, you would have to use Google Maps. There is a
available in the Visualization API which might work for you. It doesn't allow the same degree of map customization that the Maps API exposes, though.
Hi there!
I donnot know if my last post was published, lets do this again.
So I am facing a problem to Zoom GeoChart into a province of Brazil.
I wanna show in markers mode some points into a province of Brazil, here is my code:
function drawCidadeMap() {
var data = google.visualization.arrayToDataTable([
['Province', 'New Visitor', 'Visitor'],['São Paulo', 7483, 96],['Campinas', 457, 2],['Santos', 225, 2],['Ribeirão Prêto', 171, 2],['Santo André', 161, 0],['Barueri', 118, 2],['Moji Das Cruzes', 110, 0],['Jundiaí', 104, 0],['Guarulhos', 99, 0],['São Bernardo Do Campo', 91, 0],['São José Dos Campos', 88, 1],['Sorocaba', 81, 1],['Americana', 80, 0],['Atibaia', 78, 0],['Osasco', 76, 0],['Piracicaba', 76, 3],['Santana De Parnaíba', 67, 0],['São Caetano Do Sul', 66, 0],['São Carlos', 66, 1],['Espirito Santo Do Pinhal', 65, 0],['São Vicente', 63, 0],['São José Do Rio Prêto', 63, 0],['Paulínia', 54, 2],['Cotia', 43, 0],['Jacareí', 41, 0],['Marília', 41, 0],['Amparo', 40, 0],['Araçatuba', 39, 0],['Itapevi', 37, 1],['Rio Claro', 35, 0],['Santo Antônio Do Pinhal', 34, 0],['Santa Gertrudes', 33, 0],['Sumaré', 33, 0],['Guarujá', 30, 0],['Itu', 29, 0],['Araraquara', 27, 0],['Ourinhos', 27, 1],['Louveira', 26, 0],['Itapira', 25, 0],['Limeira', 25, 0],['Mairiporã', 24, 0],['Hortolândia', 24, 0],['Bebedouro', 24, 0],['Bauru', 23, 0],['Indaiatuba', 23, 0],['Presidente Prudente', 22, 0],['Taboão Da Serra', 20, 0],['Praia Grande', 20, 0],['Diadema', 20, 0],['Franca', 19, 0],['Pôrto Ferreira', 19, 0],['Mauá', 18, 0],['Guararema', 18, 0],['São Joaquim Da Barra', 18, 0],['Ferraz De Vasconcelos', 17, 0],['Barretos', 17, 0],['Vinhedo', 17, 1],['Salto', 17, 0],['Lorena', 15, 0],['Jaboticabal', 15, 0],['Taubaté', 14, 0],['São João Da Boa Vista', 14, 1],['Bragança Paulista', 14, 0],['Moji-mirim', 13, 0],['Valparaíso', 13, 0],['Caraguatatuba', 13, 1],['Embu', 12, 0],['Valinhos', 11, 0],['Pontal', 11, 0],['Pôrto Feliz', 10, 0],['Assis', 10, 0],['Sertãozinho', 9, 0],['Suzano', 9, 0],['São Bento Do Sapucaí', 9, 0],['Franco Da Rocha', 9, 0],['Jaguariúna', 9, 0],['Avaré', 8, 0],['Tremembé', 8, 1],['Taquaritinga', 8, 0],['Ribeirão Pires', 8, 0],['Jaú', 8, 0],['Iperó', 7, 0],['Cubatão', 7, 0],['São Roque', 6, 0],['Itapetininga', 6, 1],['São Sebastião', 6, 0],['Pirassununga', 6, 0],['Catanduva', 6, 0],['Macatuba', 5, 0],['Mirandópolis', 5, 0],['Araras', 5, 0],['Boituva', 5, 0],['Cerquilho', 5, 0],['Nova Odessa', 5, 0],['Caçapava', 5, 0],['Andradina', 5, 0],['Itatiba', 5, 0],['Mogi-guaçu', 4, 0],['Monte Alto', 4, 0],['Santa Rita Do Passa Quatro', 4, 0],['Dois Córregos', 4, 0],['Registro', 3, 0],['Miracatu', 3, 0],['Jardinópolis', 3, 0],['Jandira', 3, 0],['Garça', 3, 0],['Rio Preto', 3, 0],['Embu-guaçu', 3, 0],['Orlândia', 3, 0],['Cananéia', 3, 0],['Peruíbe', 3, 0],['Ipeúna', 3, 0],['Morungaba', 3, 0],['Socorro', 3, 0],['Brasil', 3, 0],['Cosmópolis', 2, 0],['Maracaí', 2, 0],['Rancharia', 2, 0],['Birigui', 2, 0],['Colina', 2, 0],['Mogi Das Cruzes', 2, 0],['Pindamonhangaba', 2, 0],['Ilhabela', 2, 0],['Ariranha', 2, 0],['Várzea Paulista', 2, 0],['Bernardino De Campos', 2, 0],['Francisco Morato', 2, 0],['Guaíra', 2, 0],['Poá', 2, 0],['Laranjal Paulista', 2, 0],['Carapicuíba', 2, 0],['Itapecerica Da Serra', 1, 0],['Mococa', 1, 0],['Ibiúna', 1, 0],['Teodoro Sampaio', 1, 0],['Luís Antônio', 1, 0],['Nazaré Paulista', 1, 0],['Batatais', 1, 0],['Campos Do Jordão', 1, 0],['Votorantim', 1, 0],['Ubatuba', 1, 0],['Tupã', 1, 0],['Regente Feijó', 1, 0],['Iacanga', 1, 0],['Itajobi', 1, 0],['Bariri', 1, 0],['Itobi', 1, 0],['Pompéia', 1, 0],['Pinhalzinho', 1, 0],['Pedreira', 1, 0],['Uchoa', 1, 0],['Guapiaçu', 1, 0],['Adamantina', 1, 0],['Cruzeiro', 1, 0],['Cravinhos', 1, 0],['São Manuel', 1, 0], ]);
var options = {
region: 'BR',
displayMode: 'markers',
colorAxis: {minValue: 0, colors: ['#e0efff', '#336699']},
height: 450,
resolution: 'provinces'
};
var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
chart.draw(data, options);
};
I tried to set region=BR-SP but there is not supported, I just wanna show my markers there, I donnot want to create the city design into the chart.
This code is working but I donnot see a way to ZOOM into the desired province.
Anybody helps?