Leaflet marker拖拽

原先一直用https://github.com/Leaflet/Leaflet.Editable的插件來實現編輯

這次項目只需對marker進行移動，因此想看看能否不通過插件實現此功能

答案：可以

HTML

<div id="map"></div>
<div id="ctrlbox">
  <label><input id="ctrlDragge" type="checkbox"/>移動Marker</label>
</div>

JS

        var marker1 = L.marker([30.75, 120.75]).addTo(this.map);
        var marker2 = L.marker([30.76, 120.76], { draggable: true }).addTo(this.map);

        //拖拽結束
        marker2.on('dragend', function (event) {
            var position = marker1.getLatLng();
            console.log('實時坐標：' + marker2.getLatLng());
        })
        //marker1.on('moveend ', function (e) {
        //    console.log(e.target._latlng);
        //});

        $('#ctrlDragge').on('change', function () {
            var isCheck = this.checked;
            if (isCheck) {
                marker1.dragging.enable();
            } else {
                marker1.dragging.disable();
                console.log(marker1.getLatLng());
            }
        });

marker1：通過checkbox開關實現開啟/關閉拖拽功能

marker2：通過options中draggable參數實現拖拽