leaflet - 添加标记/更新(如果存在)

Question

下面的表达式会在每次点击时添加一个新标记。

map.on('click', function(e) {
    var new_event_marker = L.marker(e.latlng, { draggable: true} );     
    new_event_marker.addTo(map);        
});

我怎样才能重写上面的代码，让它只创建一个标记？如果标记存在更新其 latlng。

谢谢

Answer 1

首先，您应该在点击功能之外定义您的标记。然后你可以测试标记是否存在。以下代码应该有效:

var new_event_marker;  // replace marker

map.on('click', function(e) {

 if(typeof(new_event_marker)==='undefined')
 {
  new_event_marker = new L.marker(e.latlng,{ draggable: true});
  new_event_marker.addTo(map);        
 }
 else 
 {
  new_event_marker.setLatLng(e.latlng);         
 }
});