Efecto toggle en los markers de la API google maps

Esto ocurre cuando usamos markers (marcadores) clicables para mostrar una ventana de información.

El caso es que si haces clic en un marcador se mostrará la ventana de información, si clicas de nuevo el mismo marcador en vez de ocultarla esta vuele a aparecer, no cumple el efecto denominado “toggle” (mostrar/ocultar).

Podéis probar este ejemplo para que entiendan mejor la idea.

Para que los marcadores tengan el efecto toggle sigue estos pasos:

1. Añade al principio de tu javascript:

var marker_info = false;

2. A la hora de añadir el evento click a los marcadores hazlo de la siguiente forma:

GEvent.addListener(marker, “click”, function() {
if( map.getInfoWindow().isHidden() || (!map.getInfoWindow().isHidden() && marker_info != marker.getPoint()) ){
marker.openInfoWindowHtml(html);
marker_info = marker.getPoint();
}else{
map.getInfoWindow().hide();
}
});

Demostración:

Este código se usa en comil.us al mostrar información sobre los locales.

Javascript      28 Febrero, 2009      1099 lecturas      0 comentarios







Additional comments powered by BackType