我有一个ASP.Net Webform网站。我已经创建了一个带有标记的地图,但是标记不会拖动。我不确定是什么问题,因为代码来自其他有效的站点。我不确定这是否是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>
地图和标记会加载,但是当我尝试抓住并移动标记时,它所做的就是抓住地图并将其移动。关于什么可能导致这种情况的任何建议?