पत्रक के समन्वय। ड्रॉ आयताकार

Question

क्या माउसक्लिक पर आयताकार के निर्देशांक प्राप्त करना संभव है, तो मेरे पास आयताकार के सभी कोने हैं?

Answer 1

देखें घटना वस्तु (http://leafletjs.com/reference.html#event-objects):

var map = L.map('map').setView([53.902257, 27.561640], 13); 

L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(map); 

var bounds = [[53.912257, 27.581640], [53.902257, 27.561640]]; 

var rect = L.rectangle(bounds, {color: 'blue', weight: 1}).on('click', function (e) { 
    // There event is event object 
    // there e.type === 'click' 
    // there e.lanlng === L.LatLng on map 
    // there e.target.getLatLngs() - your rectangle coordinates 
    // but e.target !== rect 
    console.info(e); 
}).addTo(map); 

उपयोग e.target.getLatLngs()।

Answer 2

Leaflet.draw plugin मानक Leaflet's L.Rectangle का उपयोग करता है।

पत्रक का आयत Polygon फैलाता है। पॉलीगॉन Polyline फैलाता है।

इसलिए, Leaflet.draw के आयताकार के निर्देशांक प्राप्त करने के लिए आप पॉलीलाइन की विधि getLatLngs() का उपयोग कर सकते हैं जो पथ में बिंदुओं की एक सरणी देता है।

उदाहरण:।

var drawnItems = new L.FeatureGroup(); 
map.addLayer(drawnItems); 

map.on('draw:created', function (e) { 

    var type = e.layerType, 
     layer = e.layer; 

    if (type === 'rectangle') { 
     layer.on('mouseover', function() { 
      alert(layer.getLatLngs());  
     }); 
    } 

    drawnItems.addLayer(layer); 
});