leaflet 图层高度控制 自定义 自定义窗格 窗格高度 (每天进步一点点)
2019-04-22 11:47
302 查看
我们有的时候在使用leaflet时,需要对图层的显示先后顺序进行调整,由于leaflet默认对图层高度进行的设置,参考(https://github.com/Leaflet/Leaflet/blob/v1.0.0/dist/leaflet.css#L87),窗格是用于控制地图上图层排序的DOM元素,所以我们需要自定义图层高度,将图层放在窗格中,需要自定义窗格,下面就直接上代码:
this.mymap = L.map("mapdiv1").setView([37.8, -96], 4);
创建窗格:labes
this.mymap.createPane('labels');
设置窗格高度
this.mymap.getPane('labels').style.zIndex = 650;
将图像切片放在其他地图图层之上的问题之一是切片将捕获点击和触摸。如果用户单击地图上的任何位置,则Web浏览器将假定她单击了标签切片,而不是在GeoJSON或标记上。这可以通过使用可以解决的pointer-eventsCSS属性:
this.mymap.getPane('labels').style.pointerEvents = 'none';
将图层添加进去的时候记得注明窗格
var positronLabels = L.tileLayer('http://{s}.basemaps.cartocdn.com/light_only_labels/{z}/{x}/{y}.png', { attribution: '©OpenStreetMap, ©CartoDB', pane: 'labels' }).addTo(this.mymap);
相关文章推荐
- 每天进步一点点————事务控制(3)
- 每天进步一点点————事务控制(1)
- 每天进步一点点————事务控制(2)
- leaflet 折线 直线 点位之间的连线 (每天进步一点点)
- leaflet 集成 加载 google底图 (每天进步一点点)
- 初学lua过程笔记,每天进步一点点
- 每天进步一点点------CRC码的FPGA实现
- 每天进步一点点------ORCAD Capture CIS 快捷键
- 每天进步一点点------Allegro PCB命名规则
- 每天进步一点点
- 每天进步一点点:(13) 进程
- 每天进步一点点——负载均衡之反向代理
- linux每天进步一点点-7月20日
- 每天进步一点点--每天都有反思吗?
- 每天进步一点点
- 每天进步一点点-->const用法详解
- 每天进步一点点——mysql——mysqlbinlog
- 每天进步一点点——五分钟理解一致性哈希算法(consistent hashing)
- 每天进步一点点--JS中的getYear()
- 每天进步一点点——五分钟理解一致性哈希算法(consistent hashing)