Javascript google maps v3 API鼠标悬停和GeoJson多边形层
如何让鼠标悬停事件与google maps Api V3在多边形形状上协同工作 我不能让事件发生在鼠标上方Javascript google maps v3 API鼠标悬停和GeoJson多边形层,javascript,google-maps,google-maps-api-3,mouseover,geojson,Javascript,Google Maps,Google Maps Api 3,Mouseover,Geojson,如何让鼠标悬停事件与google maps Api V3在多边形形状上协同工作 我不能让事件发生在鼠标上方 var data_layer25 = new google.maps.Data({ map: map }); data_layer25.loadGeoJson('http://example.com/Assets/GeoJson/USA-MO.GeoJson');
var data_layer25 = new google.maps.Data({ map: map });
data_layer25.loadGeoJson('http://example.com/Assets/GeoJson/USA-MO.GeoJson');
data_layer25.setStyle({
fillColor: ' #808000 ',
strokeWeight: 1
});
google.maps.event.addListener((data_layer25), "click", function () { window.location = "/RepTerritory/index/9" });
google.maps.event.addListener((data_layer25), "mouseover", function () {
this.setOptions({ fillColor: "#00FF00" });
});
google.maps.event.addListener((data_layer25), "mouseout", function () {
this.setOptions({ fillColor: "#FF0000" });
});
data_layer25.setMap(map);
尝试使用此选项更改鼠标事件上数据层的样式:
data_layer25.addListener('mouseover', function(e) {
data_layer25.setStyle({
fillColor: "#00FF00"
});
});
data_layer25.addListener('mouseout', function(e) {
data_layer25.setStyle({
fillColor: "#FF0000"
});
});
尝试使用此选项更改鼠标事件上数据层的样式:
data_layer25.addListener('mouseover', function(e) {
data_layer25.setStyle({
fillColor: "#00FF00"
});
});
data_layer25.addListener('mouseout', function(e) {
data_layer25.setStyle({
fillColor: "#FF0000"
});
});
你可能应该为此提出一个新问题,因为这是一个全新的问题。您可能正在创建多个
infowindow
实例,而不是重复使用一个。移动数据层成功了,谢谢您的帮助。您可能应该为此创建一个新问题,因为这是一个全新的问题。您可能正在创建多个infowindow
实例,而不是重复使用一个。移动数据层成功了,谢谢您的帮助。