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

【问题标题】：Leaflet.Draw edit and delete button not workingLeaflet.Draw 编辑和删除按钮不起作用
【发布时间】：2019-04-05 08:49:40
【问题描述】：

我正在使用 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);
});

似乎我正确链接了功能组，但由于某种原因，删除和编辑不起作用:(

【问题讨论】：

标签： javascript django leaflet leaflet.draw

【解决方案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/

【讨论】：