Question

我正在使用Leaflet Draw来让用户在地图上绘制多段线以测量剖面。第一步是使用Leaflet.Draw让用户画线。 Leaflet.Draw包含一个删除和编辑按钮。这些按钮不起作用。

我已经（重新）使用了其他项目中的工作代码来创建绘制控件，并将其传递给FeatureGroup和可编辑图层。

// My draw Toolbar
var drawnItems = new L.FeatureGroup()
map.addLayer(drawnItems)
var drawControl = new L.Control.Draw({
  draw:{polygon: false,
        marker: false,
        circlemarker: false,
        rectangle: false,
        circle: false,
    },
  edit: {
    featureGroup: drawnItems
  }
});

map.addControl(drawControl);
map.on(L.Draw.Event.CREATED, function (e) {
   var layer = e.layer;
   map.addLayer(layer);
});

好像我正确地链接了功能组，但是由于某些原因，删除和编辑不起作用:(

Answer 1

您要将绘制的项目添加到map，但是they should be added to the layer pointed by edit.featureGroup if you want to edit them，即drawnItems：

map.on(L.Draw.Event.CREATED, function (e) {
    var layer = e.layer;
    drawnItems.addLayer(layer);
});

这是一个演示https://jsfiddle.net/4g5u071r/

Leaflet.Draw编辑和删除按钮不起作用

1 个答案: