带有Asp.Net标记的传单不会拖动

时间:2019-04-19 22:37:38

标签: asp.net leaflet mapbox

我有一个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 &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>

地图和标记会加载,但是当我尝试抓住并移动标记时,它所做的就是抓住地图并将其移动。关于什么可能导致这种情况的任何建议?

0 个答案:

没有答案