传单-如何查找现有标记，并删除标记? [英] Leaflet - How to find existing markers, and delete markers?

问题描述

我已经开始使用传单作为开源地图， http://leaflet.cloudmade.com/

I have started using leaflet as an open source map, http://leaflet.cloudmade.com/

以下jQuery代码将允许在地图点击时在地图上创建标记:

The following jQuery code will enable the creation of markers on the map on map click:

 map.on('click', onMapClick);
function onMapClick(e) {
        var marker = new L.Marker(e.latlng, {draggable:true});
        map.addLayer(marker);
        marker.bindPopup("<b>Hello world!</b><br />I am a popup.").openPopup();
};

但是我目前无法(在我的代码中)删除现有标记，或者找到我在地图上创建的所有标记并将它们放入数组中.谁能帮助我了解如何执行此操作?传单文档可在此处获取: http://leaflet.cloudmade.com/reference.html

But there is currently no way for me (in my code) to delete existing markers, or find all the markers i've created on a map and put them into an array. Can anyone help me understand how to do this? Leaflet documentation is available here : http://leaflet.cloudmade.com/reference.html

推荐答案

您必须将"var marker"放入函数之外.然后稍后您可以访问它:

you have to put your "var marker" out of the function. Then later you can access it :

var marker;
function onMapClick(e) {
        marker = new L.Marker(e.latlng, {draggable:true});
        map.addLayer(marker);
        marker.bindPopup("<b>Hello world!</b><br />I am a popup.").openPopup();
};

然后再说:

map.removeLayer(marker)

但是您只能使用最新的标记，因为每次var标记都会被最新的标记擦除.因此，一种方法是创建一个全局标记数组，然后将标记添加到该全局数组中.

But you can only have the latest marker that way, because each time, the var marker is erased by the latest. So one way to go is to create a global array of marker, and you add your marker in the global array.

这篇关于传单-如何查找现有标记，并删除标记?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！