A janela de informações da API do Google Maps não exibe conteúdo
Meu código fica assim:
var map = /*some google map - defined earlier in the code*/;
var geocoder = new google.maps.Geocoder();
var address = 'Some Address, Some Street, Some Place';
geocoder.geocode({'address':address},function(results,status){
if (status == google.maps.GeocoderStatus.OK) {
map.setCenter(results[0].geometry.location);
var infobox = new google.maps.InfoWindow({
content: 'Hello world'
});
for(i in results){
var marker = new google.maps.Marker({
map: map,
position: results[i].geometry.location
});
google.maps.event.addListener(marker, 'click', function() {
infobox.setContent('blablabla');
infobox.open(map,marker);
alert(infobox.content); //displays 'blablabla'
});
}
}
});
Basicamente, está criando alguns marcadores em um único mapa, com base em uma determinada cadeia de endereços. Ele adiciona uma infoWindow aos marcadores que são abertos ao clicar.
O problema é: o infoWindow é exibido vazio.
Captura de tela aqui:
PS: Usando a API do Google Maps V3