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. 使用jQuery开发tab选项卡插件（可以右键关闭多个标签）
			
    在前一篇“使用jQuery开发tab选项卡插件”的基础上添加了tab标签右键关闭菜单功能,菜单主要包括:关闭当前标签.关闭左侧标签.关闭右侧标签.关闭其他.关闭全部. 一.插件效果 二.实现思路 为w ...
    
			
    2. 
						
  2. C# 后台获取GridView列表的值
			
    int rowIndex = ((GridViewRow)((Button)sender).NamingContainer).RowIndex;//获取gridview中的行号             ...
    
			
    3. 
						
  3. Linux ping:unknown host问题排查
			
    一.检查网卡配置:输入ifconfig可以查看当前网卡配置的IP地址并且查看配置文件中网络的设置: [root@bqh- ~]# ifconfig eth0 Link encap:Ethernet H ...
    
			
    4. 
						
  4. 如何为UEditor设置默认值
			
    // 初始化UEditor var ue = UE.getEditor('editor'); ue.ready(function() { //设置默认值 ue.setContent('默认值....' ...
    
			
    5. 
						
  5. spark 机器学习 随机森林 原理(一)
			
    1.什么是随机森林顾名思义,是用随机的方式建立一个森林,森林里面有很多的决策树组成,随机森林的每一棵决 策树之间是没有关联的.在得到森林之后,当有一个新的输入样本进入的时候,就让森林中的每一棵决策树分 ...
    
			
    6. 
						
  6. Crypto模块中的签名算法
			
    因为支付宝当中需要自行实现签名,所以就用到了SHA265和RSA2,将拼接好的信息用私钥进行签名,并进行Base64编码,然后解密就用支付宝回传给用户的公钥解密就ok了,所以我就使用Crypto模块, ...
    
			
    7. 
						
  7. Visio 撤销按钮无法使用 菜单显示：无法撤销
			
    首先是借鉴地址:https://answers.microsoft.com/en-us/msoffice/forum/msoffice_visio-mso_other-mso_2007/visio-o ...
    
			
    8. 
						
  8. 使用HashMap，如果key是自定义的类，就必须重写hashcode()和equals()
			
    java编程里有关约定:如果两个对象根据equals方法比较是相等的,那么调用这两个对象的任意一个hashcode方法都必须产生相同的结果. hashcode()和equals()都继承于object ...
    
			
    9. 
						
  9. IDEA实用教程（十一）—— 使用Maven创建JavaSE项目
			
    第一步 第二步 在IDEA中,我们常用三种骨架 org.apache.maven.archetypes:maven-archetype-quickstart : 打包方式为jar org.apache ...
    
			
    10. 
						
  10. 《少年先疯队》第九次团队作业：Beta冲刺第一天
			
    1.1 今日完成任务情况 姚玉婷:酒店会员中房间管理功能的完善 马丽莎:登录功能测试文档的编写 张   琼:不同用户登录功能的测试,如管理员和会员 孙苗坤:登录功能测试用例的设计 1.2 明天任务安排 ...
    
			
    11.