leaflet 绘制可编辑圆形

Leaflet Draw

页面引入 leaflet draw 文件

首先在地图上绘制圆形，我们需要圆心坐标（latlng）和半径（radius）来确定需要绘制圆的位置和大小

// latlng 圆心坐标点  ，radius 半径
let circle = L.circle(latlng, radius);

圆形绘制了，现在我们需要把状态改成编辑状态（可拖动、改变半径）

circle.editing.enable();

添加圆形图层到地图地图上

circle.addTo(map)

 可通过监听编辑事件来获取圆形改变后的参数值，如坐标，半径

circle.on('edit', (e) => {
            
});

 

 完整代码：

circle = L.circle([0, 0], 20);
circle.editing.enable();
circle.addTo(map)
circle.on('edit', (e) => {
    let radius = e.target._mRadius
});