如何在Leaflet L.Control.Layers中制作可切换图层始终可见？

Question

我正在使用Bootstrap 4开发一个Web地图应用程序。我希望Leaflet地图显示在左栏中，而Layers控件显示在右栏中（这意味着Control在Map容器​​之外）。此外，控件中的图层应始终可见，而不是在弹出窗格中。

查看计划的图像。所有可切换的层应保持在蓝色矩形区域。

Answer 1

我明白了。

使用getContainer()方法获取html元素，并将元素追加到您希望图层控制的现有DIV中。

var htmlObject = layerControl.getContainer();
var a = document.getElementById('divLayers');
function setParent(el, newParent)
{
    newParent.appendChild(el);
}
setParent(htmlObject, a);