google maps v3 API mouseover con polígonos?

Question

Estoy construyendo un mapa usando la API de Google Api 3 porque es mucho más rápido. Esencialmente, es un mapa de un área con aproximadamente 30 ciudades con polígonos sobre las regiones. Cuando un usuario se desplaza sobre una ciudad, quiero que fillColor se vuelva más claro y luego vuelva a su estado normal con mouseout. cuando un usuario hace clic, los redirige a otra página.

El evento click funciona bien. Sin embargo, al revisar la documentación de la API v3, parece que Google ha implementado clic, doble clic, mousemove, mousedown y mouseup como desencadenantes de evento, pero no se desplaza, o mouseover o mouseout.

¿De verdad? Geez. Pensaba que sería una prioridad mayor que ir hacia abajo y hacia arriba.

De todos modos, ¿alguien más se ha encontrado con esto? ¿Me equivoco? ¿O hay una solución alternativa?

Gracias de antemano por su ayuda, Stephanie

Answer 1

las siguientes obras:

google.maps.event.addListener(polygon,"mouseover",function(){ 
this.setOptions({fillColor: "#00FF00"}); 
}); 

google.maps.event.addListener(polygon,"mouseout",function(){ 
this.setOptions({fillColor: "#FF0000"}); 
}); 

Answer 2

Maps API V3 events se definen por objeto. Hacer una búsqueda en el V3 reference page revela que Marker es el único objeto con definiciones para mouseover y mouseout. Entonces sí, pareces estar en lo correcto.

Por cierto, hay gente que hace esto, pero se ve bastante involucrados:

http://groups.google.com/group/Google-Maps-API/browse_thread/thread/4ddc4f5888994563

Answer 3

encima del ratón y mouseout ahora se implementan en V3 Polyline.

Answer 4

En Google Maps API V3, tengo un rollover para un polígono con el siguiente código. No me gusta que tenga que desarmar y reiniciar el mapa cada vuelco, pero, en este punto en el tiempo, así es como logré un mouseover.

Estoy interesado en cualquier comentario sobre cómo mejorar este código.

var polyShape  = new google.maps.Polygon({paths:polyData,strokeColor:"#aa0",strokeOpacity:0.5,strokeWeight:1,fillColor:"#cc0",fillOpacity: 0.25}); 
var polyShapeOver = new google.maps.Polygon({paths:polyData,strokeColor:"#cc0",strokeOpacity:0.5,strokeWeight:1,fillColor:"#ff0",fillOpacity: 0.25}); 

polyShape.setMap(map); 

google.maps.event.addListener(polyShape,"mouseover",function(){ 
    this.setMap(null); 
    polyShapeOver.setMap(map); 
}); 

google.maps.event.addListener(polyShapeOver,"mouseout",function(){ 
    this.setMap(null); 
    polyShape.setMap(map); 
});