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

Question

我正在使用 Leaflet Draw 让用户在地图中绘制折线以测量截面。第一步是使用 Leaflet.Draw 让用户画线。 Leaflet.Draw 包括一个删除和编辑按钮。但是，这些按钮不起作用。

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

// 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 编辑和删除按钮不起作用

Leaflet.Draw edit and delete button not working

javascript

django

leaflet

leaflet.draw