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

2024-04-02

我有一个谷歌地图,我使用 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(使用前将#替换为@)

谷歌地图数据层,点击多边形并更改不透明度(Chrome Bug) 的相关文章

  • 使用 Django 在 Google 地图上放置标记

    我正在尝试使用 API 和 HTML5 地理位置根据 Google 地图上模型中存储的纬度和经度放置标记 问题是如何使用模板关键字循环遍历 JavaScript 标签中存储的每个对象的经纬度信息 我不认为这可以在 Django 中完成 我在
  • 按英国邮政编码向 Google 地图添加多个图钉

    今天我的谷歌搜索技巧让我失望了 我可以使用英国邮政编码向 Google 地图添加一个图钉 但我找不到如何从 100 个邮政编码的选择中添加多个引脚 感谢所有帮助 您可能想查看以下示例 我相信您应该明白以下内容
  • 带孔的世界地图多边形(谷歌地图)

    我正在尝试绘制一个带孔的矩形多边形 我的问题是我无法创建一个覆盖整个世界的多边形 多边形被反转 以便仅选择一条线而不是整个世界 下面是我能够做出的最大选择的示例 例如 如果我尝试更改 0 在 new google maps LatLng 8
  • 使用 AngularJS 动态加载 Google 地图 API

    我正在尝试使用 AngularJS 加载 Google Maps API 以及该部分的控制器 search controller GoogleMaps scope sce function GoogleMaps scope sce var
  • Android 上谷歌地图的缩放事件

    我们正在构建一个使用 Android 版谷歌地图 API 的应用程序 我有我的 MapController 和 MapView 并且我使用以下方法启用内置缩放控件 mapView setBuiltInZoomControls true 我现
  • Google Map API v3 无法在 IE9 中加载

    我尽可能多地研究了这个主题 但没有找到解决方案 在除 Internet Explorer 版本 8 或 9 之外的所有浏览器中 下面的脚本适用于加载 Google 地图 在IE8 and IE9但是 Google 地图 API v3 似乎无
  • getpaths() 多边形 谷歌地图 API

    我正在尝试检索折线和多边形的纬度坐标 完成任一对象的绘制后 我想将经纬度存储在数据库中 但现在我只是尝试在文本区域中显示经纬度 我已经很容易地完成了标记 矩形和圆形的操作 但是折线和多边形的术语让我感到困惑 当我完成绘图时 我使用 addD
  • 地理位置邻近搜索

    应用程序中有一个要求 要求在谷歌地图中找出与特定国家和 或城市绑定的所有对象 我们使用谷歌地图 API 预先计算了具有各自纬度和经度的对象并将其存储在数据库中 有时 这些对象在它们可以提供服务的特定服务范围 半径内提供服务 例如现在的情况就
  • 如何反转 KML 以便突出显示多边形外部的区域

    我有一个 KML 文件 它是一个覆盖城市边界的多边形 目前我的多边形是灰色的 我想反转它 所以世界的其他部分都是灰色的 这是 kml 的链接 它应该带您到 Google 地图 埃德蒙顿市 https docs google com a ed
  • 如何使谷歌地图可拖动并保持标记在屏幕中央?

    我有一个按钮可以启用 禁用地图的可拖动选项 当用户拖动地图时 我需要将标记保留在地图的中心 var map function toggleMapDraggable if map get draggable map set draggable
  • 谷歌地图标记被削减了一半 互联网浏览器

    我在 Internet Explorer 中的谷歌地图标记图标遇到了一个奇怪的问题 我的所有标记都显示为一半 两倍且偏移超过 50 这是使用谷歌的演示代码 所以我在其他地方用样式或 jquery 做的事情一定很奇怪 但我不知道是什么 以前有
  • IOS - ObjC Google 地图 Api 密钥

    我只是按照上面提到的做对了一切here https developers google com maps documentation ios start adding the google maps sdk for ios to your
  • 通过 HTTPS 的 Google 地图 API v3?

    谷歌地图 API v3 是否有 https 版本 我有一个使用 https 的网站 并且在 IE 中遇到烦人的混合安全和非安全内容错误 我在 v2 中读到你必须付费才能获得此内容 但在 v3 中没有看到任何内容 昨天 Google 宣布网站
  • 让 Google 地图在刷新后保留缩放和居中?

    如何让 Google 地图保留用户的视图 缩放级别和 HTTP 刷新后 现在 它会在每次刷新后重置视图 我可以调整代码吗 下面说 zoom 当前缩放级别 和 center 当前中心 位置 以某种方式 function initialize
  • 从嵌入的谷歌地图中提取标记坐标

    对此还很陌生 所以请耐心等待 我需要从嵌入的谷歌地图中提取标记坐标 示例链接是http www picknpay co za store search http www picknpay co za store search我想提取搜索时地
  • 从 Chrome 应用程序使用 Google 地图 API

    我正在尝试在 Chrome 应用程序中使用 Google 地图 每当我尝试加载 JavaScript 时 都会收到错误 Refused to load the script https maps googleapis com maps ap
  • 加载谷歌地图时接收模糊的天空屏幕

    while loading google map on device i am receiving below screen sometimes it comes on second load as shown below otherwis
  • Rails 5 - Google 地图 - Javascript 错误 - initMap 不是函数 - 修复一个 js 问题会产生另一个问题

    多年来我一直在尝试弄清楚如何在我的 Rails 应用程序中使用谷歌地图 我目前正在尝试使用 Rails 5 我也一直在试图弄清楚如何让我的 javascript 在生产环境中工作 我最近对这些挑战的尝试概述于生产问题帖子 https sta
  • 如何在从另一个活动调用一个活动时延迟一些?

    我有一个应用程序 其中我正在接收包含他的位置的短信 收到短信后 它会调用另一个活动来启动并将该位置传递给该活动以将其绘制在地图上 在调用第二个活动之前 它会显示一个类似于通知的吐司在屏幕上 但由于调用第二个活动 吐司没有出现 我的问题是我们
  • 如何修复 google 地图 api v3 显示为灰色框的问题?

    当我在网站上搜索附近的位置时 我正在处理结果显示在列表中 但地图区域只是变灰 有时它会回来 但然后就会消失 任何帮助将不胜感激 这是对第一个答案中您的问题的答复 他的想法是正确的 您需要先用一个位置对其进行初始化 然后才能看到任何内容 另请

随机推荐