html, body, #container, #map { padding: 0; margin: 0; } html, body, #map, #container { height: 460px; } Latitude: Longitude: :: or, enter your own lat-long values and :: zoom out :: :: zoom in var tileLayer = new L.TileLayer(‚http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png‘, { attribution: ‚© OpenStreetMap Contributors‘ }); //remember last position var rememberLat = document.getElementById(‚latitude‘).value; var rememberLong = document.getElementById(‚longitude‘).value; if( !rememberLat || !rememberLong ) { rememberLat = 18.53; rememberLong = 73.85;} var map = new L.Map(‚map‘, { ‚center‘: [rememberLat, rememberLong], ‚zoom‘: 12, ‚layers‘: [tileLayer] }); var marker = L.marker([rememberLat, rememberLong],{ draggable: true }).addTo(map); marker.on(‚dragend‘, function (e) { updateLatLng(marker.getLatLng().lat, marker.getLatLng().lng); }); map.on(‚click‘, function (e) { marker.setLatLng(e.latlng); updateLatLng(marker.getLatLng().lat, marker.getLatLng().lng); }); function updateLatLng(lat,lng,reverse) { if(reverse) { marker.setLatLng([lat,lng]); map.panTo([lat,lng]); } else { document.getElementById(‚latitude‘).value = marker.getLatLng().lat; document.getElementById(‚longitude‘).value = marker.getLatLng().lng; map.panTo([lat,lng]); } } Submit
