使用复选框而不是单选按钮来控制传单图层？

Posted 2021-04-07

是否有一个简单的方法来使leaflet layers control（L.control.layers）使用复选框而不是单选按钮？

我有多个WMS图块层，我希望能够在地图上同时拥有多个图块。对于上下文，WMS图块层包括测深和轮廓（拓扑线），因此同时可视化两者而不仅仅是在海洋中浮动一些线条会提供更多信息。

在leaflet example中，它表示图层控制“足够智能”，可以知道分配单选按钮和哪些复选框，但是拥有更多自定义控件会更好。

相关代码：

L.control.layers(WMS, null, {collapsed: false}).addTo(map); 其中WMS是多个L.tileLayer.wms层。

答案

将你的WMS作为第二个参数（即叠加）而不是L.control.layers的第一个（底图）。

叠加使用复选框，而底图使用单选按钮。

另一答案

在这里，我创建了一个example来展示ghybs说的话。

L.control.layers(null, mixed).addTo(map);

结帐我的jsfiddle http://jsfiddle.net/iofirag/Ltub5bgv/18/。