谷歌地图v3 API鼠标悬停与GeoJson多边形层
google maps v3 API mouseover with GeoJson polygon layer
如何获得鼠标悬停事件与谷歌地图Api V3对多边形形状的工作?
鼠标悬停时无法触发事件。
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 Layer
的样式:
data_layer25.addListener('mouseover', function(e) {
data_layer25.setStyle({
fillColor: "#00FF00"
});
});
data_layer25.addListener('mouseout', function(e) {
data_layer25.setStyle({
fillColor: "#FF0000"
});
});
相关文章:
- SVG/JavaScript:尝试选择和更改多边形点
- 如何获取谷歌地图多边形的当前fillColor
- 如何使用传单pip插件与纯GeoJSON数据
- 使用AJAX调用将GeoJSON数据拉入传单
- 如何在OpenLayers中获取动态绘制的多边形的坐标
- 使用Google Maps API驱动时间多边形
- Mapbox JS,来自URL的GeoJSON featureCollection对象只添加了一个标记
- Matlab点在多边形中
- 如何使所有绘制的(矩形、圆形、直线、多边形)都可拖动?纯JS
- 如何在fabric js中向多边形添加图像
- 使用css跨浏览器动态剪切多边形
- fabric js多边形集合坐标
- 从传单数据到GeoJSON的多边形
- 从 d3.js 中的 GeoJson 多多边形获取每个多边形的质心
- 如何在传单中编辑多边形后获得修改和原始的geojson点
- 通过javascript中的URL加载的GeoJSON多边形样式,MapBox
- 如何知道给定的latlng是否在geojson多边形坐标内
- 在GeoJson数据接收到的谷歌地图多边形上贴上标签
- 是否可以使用JavasScript确定GeoJSON点是否在GeoJSON多边形内
- 谷歌地图v3 API鼠标悬停与GeoJson多边形层