傳單：如何在db中保存各種標記位置並稍后加載

Question

我只是散發傳單，因為將來我可能需要工作。

看到幾個網址

http://justinmanley.github.io/Leaflet.Illustrate/examples/0.0.2/simple/ http://leaflet.github.io/Leaflet.toolbar/examples/control.html#

如果有人轉到該網址，則必須意識到用戶可以在地圖上放置標記或在地圖上放置正方形或圓形。 所以我的問題是，當我將要顯示的地圖時，如何將這些標記的位置保存在db中，如果我可以知道它們的位置並保存到db中，那么我可以再次將這些標記從db放置在地圖上。

如果我需要在db中保存各種標記位置，則表結構對於sql server會是什么樣子。

請討論我的兩點，或將我重定向到相關的文章，以幫助我實現這一目標。

謝謝

Answer 1

我會做這樣的事情：

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
    }

    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);
});

盡管使用jQuery可能更好。

然后，您將從數據庫中獲取保存的值，並將其存儲在js對象中，例如

var positions = [
    {
        lat: 123.45
        lng: 123.45
    },
    {
        lat: 123.45
        lng: 123.45
    }
]

遍歷它們並添加標記：

for (var i in positions) {
    new L.marker([positions[i].lat, positions[i].lng]).addTo(map);
}