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参数实现拖拽