У меня есть веб-сайт ASP.Net. Я создал карту с маркерами, но маркеры не будут перетаскиваться. Я не уверен, в чем проблема, так как код с других сайтов, которые работают. Я не уверен, если это проблема asp.net. Я использую Leaflet и MapBox для своих карт.
Вот мой код:
<style>
#mapid {
height: 600px;
}
</style>
<div id="mapid"></div>
<script>
$(document).ready(function () {
BindMapEvents();
})
function BindMapEvents() {
L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', {
attribution: 'Map data © <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="https://www.mapbox.com/">Mapbox</a>',
maxZoom: 18,
id: 'mapbox.streets',
accessToken: 'pk.myKey'
}).addTo(mymap);
mymap.on('click', onMapClick);
marker.dragging.enable();
}
function onMapClick(e) {
marker = new L.marker(e.latlng, { draggable: 'true' });
marker.on('dragend', function(event){
var marker = event.target;
var position = marker.getLatLng();
marker.setLatLng(new L.LatLng(position.lat, position.lng),{draggable:'true'});
map.panTo(new L.LatLng(position.lat, position.lng))
});
mymap.addLayer(marker);
};
</script>
Карта и маркер загружаются, но когда я пытаюсь захватить и переместить маркер, все, что он делает, это захватывает карту и перемещает ее. Любые предложения о том, что может быть причиной этого?