Я пытаюсь пометить маркеры, которые я размещаю, с помощью функции щелчка и сохранить их для просмотра другими пользователями.Вот что у меня так далеко.Я в полной растерянности.Я использую это, чтобы отметить расположение элементов в проекте.
<!DOCTYPE html>
<html style="height: 100%; margin: 0;">
<head>
<title>Mercy Drive</title>
<meta name="veiwport" content="width=device-width, inital-scale=1.0">
<link rel= "stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css">
<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
</head>
<body style="height: 100%; margin: 0;">
<div id="map" style= "width: 100%; height: 100%; background: #888888; margin: 0;"></div>
<script type="text/javascript">
//delcare map object
var map= L.map("map").setView([0, 0], 1);
//reference the tiles
L.tileLayer('map/{z}/{x}/{y}.png',{
minZoom: 1,
maxZoom: 4,
continuousWorld: false,
noWrap: true,
}).addTo(map);
map.on('click',
function(e){
var coord = e.latlng.toString().split(',');
var lat = coord[0].split('(');
var lng = coord[1].split(')');
alert("You clicked the map at LAT: " + lat[1] + " and LONG: " + lng[0]);
L.marker(e.latlng).addTo(map);
});
</script>
</body>
</html>