google maps v3 API mouseover con poligoni?

Question

Sto costruendo una mappa utilizzando google v3 api perché è molto più veloce. Essenzialmente, è una mappa di un'area con circa 30 città con poligoni sulle regioni. Quando un utente si posiziona su una città, desidero che FillColor diventi più chiaro, quindi torna allo stato normale al passaggio del mouse. quando un utente fa clic, li reindirizza a un'altra pagina.

L'evento click funziona perfettamente. Tuttavia, esaminando la documentazione dell'API di v3, sembra che Google abbia implementato il clic, il doppio clic, il mouse, il mouse e il mouse come trigger di evento, ma nessun hover, mouseover o mouseout.

Davvero? Accidenti. Ci penserei su e fuori sarebbe una priorità più alta di sempre.

In ogni caso, qualcun altro ha incontrato questo? Ho sbagliato? O c'è una soluzione?

vi ringrazio in anticipo per il vostro aiuto, Stephanie

Answer 1

le seguenti opere:

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 sono definiti per oggetto. Effettuare una ricerca su V3 reference page rivela che Marker è l'unico oggetto con definizioni per mouseover e mouseout. Quindi sì, sembri corretto.

A proposito, ci sono persone che fanno questo, ma sembra piuttosto coinvolti:

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

Answer 3

mouseover e mouseout sono ora implementate in V3 Polyline.

Answer 4

Nell'API di Google Maps V3, ho un rollover per un poligono con il seguente codice. Non mi piace che devo disinserire e resettare la mappa ogni rollover, ma, in questo momento, è così che ho ottenuto il passaggio del mouse.

Sono interessato a qualsiasi commento su come migliorare questo codice.

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); 
});