是否可以将自定义 HTML 添加到传单图层组和图层控件

Question

有什么方法可以将自定义 HTML 注入图层组和图层控件中吗？

在我们的应用程序中，我们实现了滑块（输入：范围）来调整不透明度设置，并且很明显，在其控制容器内部的基础层上使用专用滑块是有意义的。没有选项或参数可以修改此控件：

理想情况下，我们希望在该组和图层控件内创建一个自定义滑块（显然我们的“基础图层”控件组仅限于一组图层选项）：

感谢您的任何帮助！

Answer 1

不使用默认代码。

但是，您可以扩展图层控件并创建子类，添加一些额外的功能，例如：

L.Control.Layers.WithSomethingExtra = L.Control.Layers.extend({
  _initLayout: function() {
    L.Control.Layers.prototype._initLayout.call(this);
    L.DomUtil.create('div', 'leaflet-control-layers-separator', this._form);
    var myThing = L.DomUtil.create('div', 'some-extra-thing', this._form);
    myThing.innerHTML = 'My custom thing inside the layers control!!';
  }
});

请参阅此处的工作演示。

如果这令人困惑，请阅读 的源代码src/control/Control.Layers.js以及有关创建插件的Leaflet 教程。