传单：如何在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);
}