【问题标题】:Google Map Data Layer, click on polygon and change opacity (Chrome Bug)谷歌地图数据层,点击多边形并改变不透明度(Chrome Bug)
【发布时间】:2017-08-10 18:14:38
【问题描述】:

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

*我从 OSM 检索城市边界以绘制多边形,我认为我的 json 对象格式正确,我以谷歌为参考: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));
});

知道我做错了什么吗?

感谢您的帮助!

【问题讨论】:

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


    【解决方案1】:

    好吧,我想我明白了,这似乎是一个 Chrome 错误(我的版本 58.0.3029.110(64 位)),我刚刚用 Firefox、Edge 和 IE 测试过,没有问题 > 没有多边形重复多边形点击并像魅力一样工作!

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

    更新

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2021-07-03
      • 2012-01-31
      • 2014-12-22
      • 1970-01-01
      • 1970-01-01
      • 2015-12-07
      • 2013-08-29
      相关资源
      最近更新 更多