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

Google Map Data Layer, click on polygon and change opacity (Chrome Bug)

我有一个 google 地图,我在其中使用 addGeoJson 将几何数据* 加载到数据层。一切正常,直到我尝试在多边形上绑定事件以更改 opactiy 设置。

*我从 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));
});

知道我做错了什么吗?

感谢您的帮助!

好的,我想我明白了,这似乎是一个 Chrome 错误(我的版本是 58.0.3029.110(64 位)),我刚刚在 Firefox、Edge 和 IE 上测试过,没有问题 > 多边形点击没有多边形重复,效果很好!

我将等待 chrome 修复,或者如果有人有解决方案,我将不胜感激任何建议!

更新

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

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