Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/381.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用复选框而不是单选按钮控制传单层?_Javascript_Leaflet - Fatal编程技术网

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

Javascript 使用复选框而不是单选按钮控制传单层?,javascript,leaflet,Javascript,Leaflet,有没有简单的方法让(L.control.layers)使用复选框而不是单选按钮 我有多个WMS平铺层,我希望能够在地图上同时有多个。在上下文中,WMS瓷砖层包括水深测量和等高线(地形线),因此将两者同时可视化将更具信息性,而不仅仅是将一些线漂浮在海洋中 在文章中,它说图层控件“足够聪明”,可以知道要分配哪些单选按钮和哪些复选框,但最好有更多的自定义控件 相关代码: L.control.layers(WMS,null,{collapsed:false}).addTo(map) 其中WMS是多个L.

有没有简单的方法让(
L.control.layers
)使用复选框而不是单选按钮

我有多个WMS平铺层,我希望能够在地图上同时有多个。在上下文中,WMS瓷砖层包括水深测量和等高线(地形线),因此将两者同时可视化将更具信息性,而不仅仅是将一些线漂浮在海洋中

在文章中,它说图层控件“足够聪明”,可以知道要分配哪些单选按钮和哪些复选框,但最好有更多的自定义控件

相关代码:

L.control.layers(WMS,null,{collapsed:false}).addTo(map)

其中
WMS
是多个
L.tileLayer.WMS
层。

WMS
作为
L.control.layers
的第二个参数(即覆盖)而不是第一个(底图)传递

覆盖图使用复选框,而底图使用单选按钮。

这里我创建了一个示例来演示ghybs所说的内容

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

检查我的JSFIDLE。

太棒了,我很久以前就检查过这个功能,但我没有找到解决方案。现在我已经检查过了,它可以工作了!谢谢你,伙计。我希望我能不止一次投这个票。这是一个很好的例子。谢谢!我很乐意帮忙:)