leaflet.js - クリック時のマーカの設定、ドラッグ時の位置の更新

Question

私が取り組んでいる小規模なプロジェクトでは、リーフレットにマーカーを置くことができなければなりません.js電動イメージマップとこのマーカーの位置を更新する、もしそれが引っ張られれば。これを試すには次のコードを使用しますが、失敗します。 「マーカーが定義されていません」というエラーが表示されます。なぜそれが動作していないのかわからない - 多分あなたたちは私を助けることができる？ ;）

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

上記のコードスニペットでは、イベントハンドラが追加された時点でマーカーが定義されていません。 dragendイベントリスナーは、マーカーの作成直後に追加された場合、以下を試してみてください。

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); 
}; 

あなたはまた、あなたの新しいL.Marker（）行の最後にブラケットを欠落していました。

また、setLatLngの呼び出しでpositionを配列に配置しますが、それはすでにLatLngオブジェクトです。