#asp.net #leaflet #mapbox
#asp.net #листовка #mapbox
Вопрос:
У меня есть ASP.Чистый веб-сайт. Я создал карту с маркерами, но маркеры не будут перетаскиваться. Я не уверен, в чем проблема, поскольку код взят с других сайтов, которые работают. Я не уверен, что это asp.net проблема. Я использую листовку и 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 amp;copy; <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>
Карта и маркер загружаются, но когда я пытаюсь захватить и переместить маркер, все, что он делает, это захватывает карту и перемещает ее. Любые предложения о том, что может быть причиной этого?
Комментарии:
1. Код неполон и содержит ошибки (отсутствует
L.map()
создание экземпляра,map
vsmymap
, неопределенные переменные для некоторых областей). Их исправление заставляет все это просто работать, например plnkr.co/edit/qLXlaUi8VFpFSPWuScKG?p=preview2. Спасибо! Это сделало это. Если вы опубликуете это как ответ, я могу пометить его.