传单js:如何在地图上绘制任何标记的末尾获得Lat和lng

Question

我得到了一个接近的one代码，但我不确定，因为我是第一次使用Leaflet-js。

我的意图是：假设传单js显示地图或非地理数据，并且我有一个与传单js相关的工具栏。工具栏上有许多标记，如圆形、多边形、正方形等。当用户点击工具栏上的任何标记开始在地图上绘制时，标记的绘制何时完成，我怎么知道？

我怎么能附加一个函数作为绘图完成的回调，这个函数还让我知道标记的Lat和lng。如果我知道Lat和lng，那么我可以保存在db中，稍后我们可以重复使用它来绘制形状。

我得到的以下代码

var map = L.map('mapcanvas').setView([51.505, -0.09], 13);
map.on('click', function(e){
    // Place marker
    var marker = new L.marker(e.latlng).addTo(map);
    // Ajax query to save the values:
    var data = {
        lat: e.latlng.lat,
        lng: e.latlng.lng
    }
    // saving lat and lng to db by ajax call
    var request = new XMLHttpRequest();
        request.open('POST', '/my/url', true);
        request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
        request.send(data);
});

请看一下代码，我不确定它是否解决了我的目的，因为这里的代码与地图的点击事件一起工作。

所以当我们点击地图时，标记绘制就完成了。所以请阅读我的帖子，了解我在寻找什么，并建议我如何实现它。谢谢

Answer 1

取决于用于绘制多边形/形状的内容。如果你使用的是leaflet.draw，你会做一些类似的事情：

map.on('draw:created', function(e) {
    var points = JSON.stringify(e.layer.toGeoJSON());
});

然后将点保存到数据库中。

阅读leaflet.draw文档，它非常完整和简单。

Answer 2

    map.on('draw:created', function(e) {
        var latlngs = e.layer['_latlngs'];
        console.log(latlngs)
    });

if矩形输出：

0: Object { lat: 51.50084993084658, lng: -0.05254515762210588 }
1: Object { lat: 51.52007317336922, lng: -0.05254515762210588 }
2: Object { lat: 51.52007317336922, lng: 0.006832403235339513 }
3: Object { lat: 51.50084993084658, lng: 0.006832403235339513 }