如何在小册子中创建自定义设置控件

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传单插件可能是你在找什么。