javascript – 如何制作传单circleMarker可拖动？

2023年3月18日 306次阅读

使用传单,我创建了一个L.circleMarker,我希望它可以拖动：

var marker = L.circleMarker(new L.LatLng(48.94603, 2.25912), {
    draggable: true
})
.bindPopup('Circle marker draggable')
.addTo(map)
.on('dragstart', onMarkerDragStart)
.on('dragend', onMarkerDragEnd);

不幸的是,当我拖动标记时,我没有调用onMarkerDragStart / End函数.但是,如果我们使用L.marker而不是L.circleMarker,它就可以工作.

那么,有没有人知道如何使L.circleMarker可拖动？

最佳答案 我将Leaflet.draw插件分叉以支持圆圈标记.你可以得到
here

我启用这样的绘图：

drawCircleMarker: function () {
            this.currentHandler = new L.Draw.CircleMarker(this.map, this.drawControl.options.circleMarker);
            this.currentHandler.enable();
        },

您将需要连接到地图的draw：created事件以获取已添加的图层.

要启用拖动,只需获取已添加的图层并在其上启用编辑,如下所示：

pathToEdit.editing.enable();
点赞