【问题标题】:Google Maps JavaScript API: How to remove individual marker?Google Maps JavaScript API:如何删除单个标记?
【发布时间】:2010-11-11 21:34:44
【问题描述】:

我正在使用 Google Maps v3 库和 Multi-Marker 库,它扩展了 Google Maps 的功能,可以超快速地将地图标记图标添加到地图中。

我不知道如何使用上面链接的多标记库删除单个单独的地图标记。

有没有人知道如何使用多标记库(和/或 Google 地图)来做到这一点?我已尝试联系该项目的首席开发人员,但没有得到回复。

感谢您的帮助。

另外,链接是关于这个库的更多信息

http://blog.redfin.com/devblog/2010/07/introducing_multimarker_the_fastest_way_to_add_many_hundreds_or_thousands_of_markers_on_google_maps.html

更新

我已经链接了我正在做的示例代码。我想动态删除特定的地图标记图标(覆盖),但正在努力解决如何做到这一点。任何建议将不胜感激。谢谢

活生生的例子:

http://multimarker.googlecode.com/svn/trunk/fast-marker-overlay/maps-v3/example/clickable.html

【问题讨论】:

    标签: javascript google-maps google-maps-api-3 overlay


    【解决方案1】:

    通常,仅使用 google maps api,要从地图中删除覆盖,您需要在覆盖上调用 setMap(null) 方法。

    正如我所见,Multi-Marker 库使用一个数组来保存所有标记,并创建一个叠加层以显示在地图上,一个包含标记的叠加层。要删除一个,它应该可以从数组中删除标记(您需要知道它在数组中的位置)并重新绘制覆盖。

    编辑:

    你需要类似于 function clearOverlays() { var i = overlays.length; while (i--) { var overlay = overlays[i]; if (overlay) overlay.setMap(null);删除叠加层[i]; } }

    但您需要知道要删除的标记在数组中的位置。该函数将如下所示:

     function clearOneOverlay(var position) { var overlay = overlays[position]; if (overlay) overlay.setMap(null); delete overlays[position]; }
    

    【讨论】:

    • 谢谢。这是有道理的,但我正在努力弄清楚如何更新此处链接的示例代码以允许我动态删除特定标记-> multimarker.googlecode.com/svn/trunk/fast-marker-overlay/… 您可以通过查看此示例代码并提供一些建议来帮助您?非常感谢
    • 你需要一个类似于 function clearOverlays() { var i = overlays.length; 的函数while (i--) { var overlay = overlays[i]; if (overlay) overlay.setMap(null);删除叠加层[i]; } }
    【解决方案2】:

    试试这个:记住你点击了哪个标记,然后再删除它

    考虑以下代码(谷歌地图 v2)

    var current_marker;
    
    GEvent.addListener(marker, "click", function() {
              current_marker = marker;
          });
    
    //remove later
    current_marker.setMap(null);
    

    【讨论】:

      猜你喜欢
      • 2012-05-24
      • 1970-01-01
      • 2014-08-04
      • 2017-03-25
      • 2014-07-15
      • 1970-01-01
      • 2012-07-20
      • 2013-05-02
      • 2010-12-05
      相关资源
      最近更新 更多