首页 > web前端 > js教程 > 如何从 Google Maps API v3 地图中删除标记?

如何从 Google Maps API v3 地图中删除标记?

Patricia Arquette
发布: 2024-11-14 10:16:01
原创
1046 人浏览过

How Do You Remove Markers from a Google Maps API v3 Map?

删除 Google Maps API v3 中的标记:综合指南

与其前身不同,Google Maps API v3 缺乏明确的方法来删除所有标记地图上的标记。本文将探讨实现这一目标的有效方法。

解决方案:

v3 中清除标记的关键在于初始化一个名为“markersArray”的全局数组存储所有创建的标记。然后可以定义一个名为“clearOverlays()”的自定义函数来迭代该数组,并将每个标记的地图属性设置为“null”,从而有效地将它们从地图中删除。

以下是详细实现:

  1. 声明一个全局数组:

    var markersArray = [];
    登录后复制
  2. 定义“​​clearOverlays()”函数:

    function clearOverlays() {
      for (var i = 0; i < markersArray.length; i++ ) {
     markersArray[i].setMap(null);
      }
      markersArray.length = 0;
    }
    登录后复制
  3. 将标记推入"markersArray":
    在调用“clearOverlays()”函数之前,将所有标记推入“markersArray”。对每个标记使用以下代码:

    markersArray.push(marker);
    google.maps.event.addListener(marker,"click",function(){});
    登录后复制
  4. 调用“clearOverlays()”函数:
    执行“clearOverlays()”函数或“map.需要时删除所有标记。

以上是如何从 Google Maps API v3 地图中删除标记?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板