Координаты Leaflet.Draw rectangle

См. Объект события (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().

Leaflet.draw plugin использует стандартный L.Rectangle в Leaflet.

Прямоугольник листовки расширяет многоугольник. Многоугольник расширяет ломаную линию.

Следовательно, чтобы получить координаты прямоугольника Leaflet.draw, вы можете использовать метод Polyline 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);
});

Следует отметить, что e.layerType содержит создаваемый тип формы.
Такие методы, как getLatLngs и getLatLng, относятся к типу формы.

Это различные типы, разрешенные в слое в соответствии с файлом определения машинописного текста.

Circle | CircleMarker | Marker | Polygon | Polyline | Rectangle;

И возможные значения для e.layerType (согласно файлу определения машинописного текста)

circle, marker, polygon, polyline, rectangle

Таким образом, вы всегда можете получить координаты с помощью e.layer.toGeoJSON (). Geometry.coordinates.
Но вам нужно переключаться между e.layerType-s, поскольку круг geojson не содержит радиуса, вам нужно получить его с помощью getRadius.
Также обратите внимание, что getLatLngs возвращает LatLng -массив замкнутого многоугольника UN, а toGeoJSON (). geometry.coordinates возвращает замкнутый многоугольник с координатами LngLat - массив.

// console.log((<any>e.layer).getLatLngs()); // polyline
// console.log((<any>e.layer).getLatLng()); // circle
// mind the s at the end of the function...


map.on('draw:created', function(e:L.DrawEvents.Created) 
{
    console.log('On draw:created', e.target);
    console.log(e.type, e);


    console.log(e.layerType);
    // console.log((<any>e.layer).getLatLngs()); // polyline
    // console.log((<any>e.layer).getLatLng()); // circle

    // e.layerType // polygon, circle, etc. 

    // polygon 
    // e.layer.getLatLngs()

    // circle
    // e.layer.getLatLng()
    // e.layer.getRadius()


    // e.layer.toGeoJSON().geometry.type // is point if circle 
    // e.layer.toGeoJSON().geometry.coordinates

    let type = e.layerType,
        layer = e.layer;
    drawnItems.addLayer(layer);
});