谷歌地图数据层，点击多边形并改变不透明度（Chrome Bug）

Question

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

*我从OSM检索城市边界以绘制多边形，我认为我的json对象格式良好，我以谷歌为参考：https://storage.googleapis.com/mapsdevsite/json/google.json

只要我点击一个多边形（其中任何一个），它似乎会复制我周围的任何多边形，但是不透明度会正确地改变。

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

这是我的JSFIDLE：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));
});

知道我做错了什么吗？

谢谢你的帮助！

Answer 1

好吧，我想我知道了，这似乎是一个Chrome bug（我的版本58.0.3029.110（64位）），我刚刚用Firefox、Edge和IE对它进行了测试，没有问题

我会等待chrome修复，如果有人有解决方案，我将非常感谢任何建议！

更新

如谷歌问题跟踪器中所述，该问题已在Chrome60修复。相应的错误在2017年8月9日被标记为已修复。

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