Control.Layers方法

该方法可以创建一个切换图层的工具，

L.control.layers(baseLayers, overlayers).addTo(map);
baseLayers参数表示可以切换的图层，以单选形式展示；overlayers表示覆盖图层，以checkbox形式展示；

baseLayers可以是由L.tileLayer创建的切片图层，或者是L.layerGroup创建的图层分组；




其中imga,imgb,imgc,imgd都是由L.tileLayer创建的图层；Control.Layers方法会以递增的形式重新设置配置项中的所有图层；


以上图为例，分组1获得层级1，分组1内的图层也都是1；分组2获得层级2，分组2内的图层也都是2，但是分组1和分租2中都包含了同一个图层imgb，所以imgb将是以最后一次设置为准。


此时4个图层的层级分别是1,2,2,3，这时候如果切换图层会发现切换到第二个时，imgb图层不能正常显示，因为imgc和imgb的层级都是2。


解决办法是在添加完工具后，重设图层层级；


imgb.setZIndex(4)即可。


 




 
												


											
leaflet control.layers踩的一个坑的更多相关文章
	

    
								
  1. 使用ffmpeg视频编码过程中踩的一个坑
		
           今天说说使用ffmpeg在写视频编码程序中踩的一个坑,这个坑让我花了好多时间,回头想想,非常多时候一旦思维定势真的挺难突破的.以下是不对的编码结果:                    ...
    
		
    2. 
						
  2. 【转】最近用Timer踩了一个坑，分享一下避免别人继续踩
		
    [转]最近用Timer踩了一个坑,分享一下避免别人继续踩 最近做一个小项目,项目中有一个定时服务,需要向对方定时发送数据,时间间隔是1.5s,然后就想到了用C#的Timer类,我们知道Timer 确实 ...
    
		
    3. 
						
  3. 记新人从 excel 文件中读取字典数据踩的一个坑
		
    原本是打算今天分享一下最近学习接口自动化的心得体会,然而在我写模板的时候,却被一个坑拦我大半天,心得体会不得不 延期再分享了.在我无数次调试无数次看log,终于发现并解决这个问题了.下面记录一下踩的坑 ...
    
		
    4. 
						
  4. toFixed()一不小心踩了一个坑
		
    toFixed,多么简单的一个函数,昨天突发奇想做两道算法题练练手.结果,踩到了一个从未遇到的坑! \n 简单来讲是要对输入的很多组数据,自己写一个函数做个处理,把每次函数处理的结果要相加求和.最后输 ...
    
		
    5. 
						
  5. Javascript之旅——第八站：说说instanceof踩了一个坑
		
    前些天写js遇到了一个instanceof的坑,我们的页面中有一个iframe,我在index页面中计算得到了一个array,然后需要传递到Flight页面 这个嵌套的iframe中的一个函数(Sea ...
    
		
    6. 
						
  6. 最近用Timer踩了一个坑，分享一下避免别人继续踩
		
    最近做一个小项目,项目中有一个定时服务,需要向对方定时发送数据,时间间隔是1.5s,然后就想到了用C#的Timer类,我们知道Timer 确实非常好用,因为里面有非常人性化的start和stop功能, ...
    
		
    7. 
						
  7. java 反射的踩的一个坑
		
    今天工作的时候用到了一个反射.其业务简单描述为:系统启动时将需要定时调用的方法签名保存到数据库中,开启线程定时从数据库中读取对应的方法签名,通过反射生成实例后调用方法.完成一定的定时任务. 写到的方法 ...
    
		
    8. 
						
  8. mongodb 的Cursor 作为 stream 的时候，读出来的数据数字开头的key没法访问（又踩了一个坑）
		
    mongdb 用Cursor 读取数据的时候,直接用流读出来的数据key是数字开头的话,就是独具不到,用Object.keys() 把所有的key 打印出来的话如下:怎么会是这样的呢? 查看了一下文档 ...
    
		
    9. 
						
  9. 看了下opengl相关的资料，踩了一个坑，记录一下
		
    2019/03/10 下午看了下关于opengl的资料,然后把敲了下代码,然后程序报错了.代码如下: #include <glad/glad.h> #include <GLFW/gl ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. git push proxy 取消不掉 can not prox....
			
    使用这个折腾了半天 git config --global --unset http.proxy git config --global --unset https.proxy 没用,原来实现项目目录 ...
    
			
    2. 
						
  2. springmvc集成cxf的方法
			
    最近需要在项目中增加webservice接口,供三方调用,下面就把集成的方法展示如下,供大家参考: 第一步:服务端的发布; 1:配置web.xml文件,添加cxf的servlet <servle ...
    
			
    3. 
						
  3. keychain不能导出p12证书的解决方法
			
    点击左边下面的“我的证书”,然后点击右边的证书,打开下面有一个key导出就可以了.
    
			
    4. 
						
  4. python3 提示sqlite模块不存在
			
    首先yum install sqlite-devel -y 然后重装下python3(一定要重装)# cd Python-3.4.2# ./configure --prefix=/usr/local/ ...
    
			
    5. 
						
  5. SQL SERVER-SSMS安装联机丛书 book online
			
    1.下载地址:https://www.microsoft.com/en-us/download/details.aspx?id=42557 2.解压. 3.在SSMS中添加引用. 选择解压路径找到ms ...
    
			
    6. 
						
  6. 程序员常用的3大Web安全漏洞防御解决方案：XSS、CSRF及SQL注入（图文详解）
			
    https://blog.csdn.net/ChenRui_yz/article/details/86489067 随着互联网的普及,网络安全变得越来越重要,程序员需要掌握最基本的web安全防范,下面 ...
    
			
    7. 
						
  7. AspNetCore架构图
			
    asp,net,core  All-in-One App All-in-One applications N-Layer 典型的应用层 分层项目骨架 Clean Architecture Layers ...
    
			
    8. 
						
  8. DateTimeFormatter LocalDateTime 工具类
			
    import java.text.SimpleDateFormat; import java.time.Duration; import java.time.Instant; import java. ...
    
			
    9. 
						
  9. istio-1.1.6镜像列表
			
    istio-1.1.6镜像列表 istio-1.1.6/install/kubernetes/istio-demo.yaml文件里提取出来的镜像,方便作harbor部署. ============== ...
    
			
    10. 
						
  10. IDEA -01 -忽略指定文件夹 -防止加载Vue-cli执行"npm install"命令后的项目时卡死
			
    问题描述 Vue的"npm install" 命令执行后,会生成一个很大的目录层次的"node_modules",文件十分繁多; idea加载这个项目下的文件夹 ...
    
			
    11.