google maps v3 API mouseover çokgenlerle mi?

Question

Daha hızlı olduğu için google v3 api kullanarak bir harita yapıyorum. Esasen, bölgeler üzerinde çokgenli yaklaşık 30 şehirli bir alan haritası. Bir kullanıcı bir şehrin üzerinde gezindiğinde, fillColor'un daha açık olmasını ve mouseoutta normal durumuna dönmesini istiyorum. Bir kullanıcı tıkladığında, onları başka bir sayfaya yönlendirir.

Tıklama olayı iyi çalışıyor. Ancak, v3 API'sı dokümantasyonuna bakıldığında, Google'ın tıklamalar, doubleclick, mousemove, mousedown ve mouseup olay tetikleyicileri olarak uyguladığı, ancak gezinme, fare ya da mouseout uygulanmadığı görülüyor.

Gerçekten mi? Tanrım. Aşırı ve dışarıdan daha yüksek öncelikli olacağını düşünürdüm.

Neyse, bununla karşılaşan başka biri var mı? Yanlış mıyım? Ya da bir çözüm var mı?

Answer 1

aşağıdaki çalışır:

Dediğiniz gibi

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 nesne başına tanımlanır Yardımlarınız için şimdiden, Stephanie teşekkür ederiz. V3 reference page'da bir arama yapmak, fare kaplaması ve mouseout tanımları olan tek nesne olan Marker'ın ortaya çıktığını gösterir. Yani evet, doğru görünüyorsun. Bu arada

, bunu yaparken insanlar var, ama oldukça yer arar:

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

Answer 3

Mouseover ve mouseout şimdi V3 Polyline uygulanmaktadır.

Answer 4

Google Maps API V3'te, aşağıdaki kodla çokgen için bir rollover var. Her bir devreyi haritayı sıfırlamak ve sıfırlamak zorunda olduğumdan hoşlanmıyorum, ama, bu noktada, bu sefer bir mouseover elde ettim.

Bu kodun nasıl geliştirileceğine dair yorumlarla ilgileniyorum.

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