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

Question

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

这是否有Leaflet插件？

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

有人可以帮我控制一下吗？谢谢！

修改：

所以我尝试创建一个非常简单的容器，其中包含一个复选框＆＃34; control＆＃34;如下：

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宣传单插件可能正是您要找的。