leaflet.js - Ustaw znacznik na kliknięcie, zaktualizuj pozycję na przeciągnij

Question

dla małego projektu, nad którym pracuję, muszę umieć umieścić znacznik na obrazie mapy zasilanym leaflet.js i zaktualizować pozycję tego znacznika , jeśli zostanie przeciągnięty. Używam następującego kodu, aby spróbować tego, ale nie powiedzie się. Otrzymuję komunikat o błędzie "marker nie jest zdefiniowany". Nie wiem, dlaczego to nie działa - może moglibyście mi pomóc? ;)

function onMapClick(e) { 
    gib_uni(); 
    marker = new L.marker(e.latlng, {id:uni, icon:redIcon, draggable:'true'}; 
    map.addLayer(marker); 
}; 

marker.on('dragend', function(event){ 
    var marker = event.target; 
    var position = marker.getLatLng(); 
    alert(position); 
    marker.setLatLng([position],{id:uni,draggable:'true'}).bindPopup(position).update(); 
}); 

Answer 1

W powyższym fragmencie kodu marker nie jest zdefiniowany w momencie dodania modułu obsługi zdarzeń. Spróbuj wykonać następujące czynności, gdzie słuchacz dragend dodaje natychmiast po utworzeniu Marker:

function onMapClick(e) { 
    gib_uni(); 
    marker = new L.marker(e.latlng, {id:uni, icon:redIcon, draggable:'true'}); 
    marker.on('dragend', function(event){ 
      var marker = event.target; 
      var position = marker.getLatLng(); 
      console.log(position); 
      marker.setLatLng(position,{id:uni,draggable:'true'}).bindPopup(position).update(); 
    }); 
    map.addLayer(marker); 
}; 

Miałeś też brakuje uchwytu na końcu swojego nowego L.Marker() linii.

Dodaje się również position do tablicy w wywołaniu do setLatLng, ale jest to już obiekt LatLng.