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

Bir*_*ird 4 javascript leaflet

是否有一种简单的方法可以使传单层控件( L.control.layers) 使用复选框而不是单选按钮?

我有多个 WMS 切片图层,我希望能够同时在地图上显示多个图层。就上下文而言,WMS 切片图层包括测深和等高线(地形线),因此同时可视化两者会提供更多信息,而不仅仅是让一些线漂浮在海洋中。

传单示例中,它说图层控件“足够聪明”,可以知道要分配哪些单选按钮和哪些复选框,但是如果有更多自定义控件就更好了。

相关代码:

L.control.layers(WMS, null, {collapsed: false}).addTo(map);
哪里WMSL.tileLayer.wms多层。

ghy*_*ybs 8

将您的WMS作为第二个参数(即作为覆盖)而不是L.control.layers.

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


ofi*_*hai 6

这里我创建一个例子来演示 ghybs 所说的。

L.control.layers(null, mixed).addTo(map);
Run Code Online (Sandbox Code Playgroud)

查看我的 jsfiddle http://jsfiddle.net/iofirag/Ltub5bgv/18/