Koordinaten der Packungsbeilage.Rechteck zeichnen

Ist es möglich, die Koordinaten des Rechtecks auf Mausklick, so habe ich alle Ecken des Rechtecks?

InformationsquelleAutor mortenstarck | 2013-03-07
  1. 13

    Siehe event-Objekt (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);

    Verwenden e.target.getLatLngs().

    • Bitte zeigen Sie die Grenzen der semantischen, mein input ist {ne:{lat: -23.5601806640625lon: -46.64794921875}, sw:{lat: -23.565673828125,lon: -46.658935546875}}.
    InformationsquelleAutor tbicr
  2. 8

    Merkblatt.draw plugin verwendet standard -Merkblatt L. Rechteck.

    Merkblatt s Rechteck extends Polygon. Polygon erweitert Polylinie.

    Deshalb, um die Koordinaten der Packungsbeilage.zeichnen Sie das Rechteck, das Sie verwenden können, Polyline-Methode getLatLngs() dass gibt ein array zurück, der die Punkte im Pfad.

    Beispiel:

    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);
});
    • Wissen Sie, warum-Ebene.toGeoJSON().geometrie.Koordinaten fügen eine andere Koordinate.
    InformationsquelleAutor martynas
  3. 0
    map.on(L.Draw.Event.CREATED, function (e) {

    var layer = e.layer;
    drawnItems.addLayer(layer);

    console.log(layer.getLatLngs())

});
    InformationsquelleAutor Mahdi Bashirpour
Schreibe einen Kommentar