我有一个谷歌地图,我使用 addGeoJson 将几何数据*加载到数据层。一切正常,直到我尝试在多边形上绑定事件以更改 opactiy 设置。
*我从OSM检索城市边界来绘制多边形,我认为我的json对象格式很好,我以Google作为参考:https://storage.googleapis.com/mapsdevsite/json/google.json https://storage.googleapis.com/mapsdevsite/json/google.json
一旦我点击一个多边形(其中任何一个),它似乎会在周围的任何地方复制我的多边形,但不透明度会正确变化。
我用这个作为我的代码的示例:https://developers.google.com/maps/documentation/javascript/examples/layer-data-dynamic https://developers.google.com/maps/documentation/javascript/examples/layer-data-dynamic
这是我的 JSFiddle :https://jsfiddle.net/fmarrot/k7b57egw/ https://jsfiddle.net/fmarrot/k7b57egw/(数据可以在console.log(Config.polygon)(第10行)中看到
事实上,如果我注释第 29 行到第 31 行,根本没有问题,但我无法再更改多边形不透明度了。
map.data.addListener('click', function(event) {
event.feature.setProperty('opacity', (event.feature.getProperty('opacity')===0.5?0.9:0.5));
});
知道我做错了什么吗?
感谢您的帮助 !
好吧,我想我明白了,这似乎是一个 Chrome 错误(我的版本 58.0.3029.110(64 位)),我刚刚用 Firefox、Edge 和 IE 进行了测试,没有任何问题 > 多边形单击时没有多边形重复,奇迹般有效 !
我将等待 chrome 修复,或者如果有人有解决方案,我将不胜感激任何建议!
UPDATE
正如 Google 问题跟踪器中所述,该问题已在 Chrome 60 中修复。相应的 bug 已于 2017 年 8 月 9 日标记为“已修复”。
https://buganizer.corp.google.com/issues/38211242 https://buganizer.corp.google.com/issues/38211242
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)