Google地图数据图层,点击多边形并更改不透明度(Chrome Bug)

时间:2017-06-15 14:49:41

标签: google-maps google-maps-api-3 geojson

我有一个谷歌地图,我使用addGeoJson将几何数据*加载到数据层。一切正常,直到我试图在多边形上绑定事件以改变不透明的设置。

*我从OSM中检索城市边界以绘制多边形,我认为我的json对象格式正确,我将Google作为参考:https://storage.googleapis.com/mapsdevsite/json/google.json

一旦我点击一个多边形(其中任何一个),它似乎会复制我周围任何地方的多边形,但不透明度会正确变化。

我将此作为代码的例子:https://developers.google.com/maps/documentation/javascript/examples/layer-data-dynamic

这是我的JSFiddle: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));
});

知道我做错了什么?

感谢您的帮助!

1 个答案:

答案 0 :(得分:1)

好吧我想我发现了,它似乎是一个Chrome错误(我的版本58.0.3029.110(64位)),我刚用Firefox,Edge和IE测试它没有问题>多边形点击没有多边形复制,就像魅力一样!

我要等待Chrome修复,或者如果有人有解决方案,我会很感激任何建议!

<强>更新

如Google问题跟踪器所述,此问题已在Chrome 60中修复。相应的错误已于2017年8月9日标记为已修复。

https://buganizer.corp.google.com/issues/38211242

相关问题