Buenos días, estoy utilizando los mapas de google y estoy mostrando un infobox (una div) por encima del icono (marker) que se muestra en el mapa.
Me funciona perfectamente, pero si la div está oculta y quiero mostrarla no funciona (siempre me aparece el último div creado).
Cuando se hace clic en un marker de google es el siguiente código:
Código HTML:
google.maps.event.addListener(marker, "click", function (e) {
});
El código completo es el siguiente:
Código HTML:
///////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////
// Crea marcas para mostrar en el mapa
function setMarkers(map, locations) {
var image = new google.maps.MarkerImage('img..',
var shadow = new google.maps.MarkerImage('img...
var shape = {
coord: [1, 1, 1, 20, 18, 20, 18 , 1],
type: 'poly'
};
for (var i = 0; i < locations.length; i++) {
var beach = locations[i];
var myLatLng = new google.maps.LatLng(beach[1], beach[2]);
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
draggable:false,
animation: google.maps.Animation.DROP,
shadow: shadow,
icon: image,
shape: shape
});
//.....
//Mostrar un infobox
var ib = new InfoBox(opciones_infobox);
ib.open(map, marker);
//Cuando se clique encima del icono
google.maps.event.addListener(marker, "click", function (e) {
//Mostrar el infobox
ib.open(map, this);
});
}
}
No se como tengo que usar la función click de la API de google.
Necesito hacer click en el icono y que muestre la div correspondiente.
Dentro del bucle, se supone que estoy generando para cada icono (marker) un evento, así lo entiendo...
Gracias
saludos