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

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/