为什么取消版本后仍然选择传单标记？

Question

我从传单和leaflet.draw 开始，但在尝试更改标记图标时遇到了麻烦。

在这种特殊情况下，当我按下取消编辑按钮时，我会尝试更新所有标记的图标。我可以更改图标，但所有标记仍处于选中状态

这是一个小提琴example

复制步骤

1. 按下编辑按钮
2. 按取消编辑
3. 您会看到所有标记都更改了它们的图标，但同时所有标记仍处于选中状态

这是我必须模拟撤消图标更改的代码：

drawControl._toolbars.edit.disable =  function () {
  if (!this.enabled()) {
       /* If you need to do something right as the
       edit tool is enabled, do it here right
       before the return */
    return;
  }

  geojsonLayer.eachLayer(function(layer) {
     layer.setIcon(new  L.Icon.Default({}));
  });
  geojsonLayer2.eachLayer(function(layer) {
     layer.setIcon(new  L.Icon.Default({}));
  });

   this._activeMode.handler.revertLayers();

   L.Toolbar.prototype.disable.call(this);
};    

版本： 传单 1.3.4 传单.draw 1.0.3

我做错了什么？

Answer 1

我快速查看了您的代码，但不确定是什么导致了这个问题。然而，我从控制台深入研究了可编辑标记代码和样式，并意识到一旦你点击编辑按钮，.leaflet-edit-marker-selected 类就会应用于从leaflet.draw.css line 9.派生的每个绘制或渲染标记

因此，一个可能的解决方法是在调用 'draw:editstop' 事件后删除 .leaflet-edit-marker-selected 类：

map.on('draw:editstop',function(e) {
    $(".leaflet-pane img").removeClass("leaflet-edit-marker-selected");
    editing=false;
    map.closePopup();
});

Updated Demo