如何在 Leaflet 中创建自定义设置控件

Question

我想向 Leaflet 添加一个自定义容器。该容器将包含编辑控件，并将用作一种属性编辑器，以自定义地图（标记颜色、缩放级别、折线颜色等）。当用户单击地图上的“设置”按钮时，将显示该面板。

有这方面的传单插件吗？

我也看过如何实现custom controls，但我真的不清楚如何实现这一点。特别是在我看来，我只能使用 JavaScript 和 DOM 操作（而不是直接的 HTML 标记）来创建自定义控件。

有人可以帮我引导控件吗？谢谢！

编辑：

所以我尝试创建一个由单个复选框“控件”组成的非常简单的容器，如下所示：

L.Control.SettingsPanel = L.Control.extend({
  onAdd: function(map){
    var checkbox = L.DomUtil.create('input');
    checkbox.setAttribute("type", "checkbox");
    checkbox.style.width = '200px';
    return checkbox;
  }

});

L.control.settingsPanel = function(opts){
  return new L.Control.SettingsPanel(opts);
}

Answer 1

sidebar v2 传单插件可能就是您正在寻找的。​​p>