在 Google Maps API v3 中删除标记

Posted 2023-02-23

【中文标题】在 Google Maps API v3 中删除标记

【英文标题】：Removing a Marker in Google Maps API v3

【发布时间】：2011-12-19 04:16:10

【问题描述】：

我正在尝试删除一个像这样初始化的 标记：

marker = new google.maps.Marker(
    position: latLng,
    map: map,
    draggable: true,
    animation: google.maps.Animation.DROP,
    title: 'Marker 1',
    icon: redPin
);

google.maps.event.addListener(marker, "click", function() 
    showMarkerDialog(marker.position, "marker");
);

google.maps.event.addListener(marker, "dblclick", function() 
    // Add a alert: Are you sure you want to remove this marker?

    map.removeOverlay(marker);
);

一切正常，除了当我双击它以删除我在错误控制台上得到的内容是这样的：

TypeError: Object # has no method 'removeOverlay'

我做错了什么？

【问题讨论】：

所以，除了你的整个删除机制之外，“一切”都“完美”工作。

【参考方案1】：

map 对象上没有 removeOverlay 功能。听起来你只有一个标记，为什么要使用数组？只需改变这个：

google.maps.event.addListener(marker, "dblclick", function() 
    map.removeOverlay(marker);
);

到这里：

marker.addListener("dblclick", function() 
    marker.setMap(null);
);

【讨论】：

如果我有多个标记并想删除一个特定的标记怎么办？我可以引用“marker[index]”吗？

是的，有一个包含所有标记的数组，然后您可以像这样引用它们。

对于阅读此答案的任何人，您都可以在此链接上阅读更多内容：developers.google.com/maps/documentation/javascript/examples/…