リーフレットから地図座標を取得する

Question

リーフレットを使用して、ユーザーが右クリックした場所の地図座標を取得しようとしています。私はリーフレットAPIを使っていますが、これまでのところ、contextmenuイベントを聞いて、クリックしたときに座標を取得するにはmouseEventToLatLngmethodを使用する必要があることを理解しました。しかし、私は私のコードをデバッグして、アクセス可能なlatLng変数をどこにも見ていません。私はAPIで何かを理解できなかったのですか？

function setMarkers() { 
     document.getElementById("transitmap").addEventListener("contextmenu", function(event) { 
      // Prevent the browser's context menu from appearing 
      event.preventDefault(); 

      var coords = L.mouseEventToLatLng(event); 
     }); 
    }; 

Answer 1

欲しいものはmousemoveイベントです。これは、あなたがそれを行う方法基本的に、

var lat, lng; 

map.addEventListener('mousemove', function(ev) { 
    lat = ev.latlng.lat; 
    lng = ev.latlng.lng; 
}); 

document.getElementById("transitmap").addEventListener("contextmenu", function (event) { 
    // Prevent the browser's context menu from appearing 
    event.preventDefault(); 

    // Add marker 
    // L.marker([lat, lng], ....).addTo(map); 
    alert(lat + ' - ' + lng); 

    return false; // To disable default popup. 
}); 

Answer 2

右クリックイベントの座標が"contextmenu"リスナーのevent引数のlatlng propertyとして直接利用可能であるべきです。

map.on("contextmenu", function (event) { 
    console.log("Coordinates: " + event.latlng.toString()); 
    L.marker(event.latlng).addTo(map); 
}); 

デモ：http://plnkr.co/edit/9vm81YsQxnkAFs35N8Jo?p=preview