如何使折线图层始终位于顶部
How to make polyline layer always on top?
我在两个不同的单选框按钮中有 2 个多边形,在一个复选框中有一个 geojson 折线。当选中复选框并更改多边形图层选择时,我需要折线图层仍在前面。如何使用 BringToFront() 或其他方法将折线图层始终固定在正面?
该项目在jsfiddle进行了简化
http://jsfiddle.net/albertovich/fe0vtytb/
var poligon1 = new L.LayerGroup();
var poligon2 = new L.LayerGroup();
var polyline1 = new L.LayerGroup();
var map = L.map('map', {
center: [39.4699075, -0.382881],
zoom: 13,
layers: [poligon1]
});
var baseLayers = {
"Poligon1": poligon1,
"Poligon2": poligon2
};
var myStylePol1 = {
"weight": 2,
"opacity": 1,
"color": "#FF00CC",
"fillOpacity": 1
};
var myStylePol2 = {
"weight": 2,
"opacity": 1,
"color": "#FFFF80",
"fillOpacity": 1
};
var myStyle3 = {
"weight": 2,
"opacity": 1,
"color": "#000"
};
L.geoJson(poli1, {
style: myStylePol1
}).addTo(poligon1),
L.geoJson(poli2, {
style: myStylePol2
}).addTo(poligon2),
L.geoJson(polyl3, {
style: myStyle3
}).addTo(polyline1);
var overlays = {
"Polyline": polyline1
};
L.control.layers(baseLayers, overlays).addTo(map);
你可以
做类似的事情
map.on('baselayerchange',function(baselayer){
baselayer.layer.getLayers()[0].bringToBack();
});
在这里更新了小提琴
但通常 baseLayers 是切片图层(街道、卫星、地形等),而不是 geoJson 多边形,因此您可能需要采用另一种方法,其中所有图层都是简单的叠加层
相关文章:
- 更改图层中单个矢量特征的图标
- 谷歌地图热图图层点半径
- 谷歌地图-更改图层图标大小
- 如何通过ID获取图层对象
- 缩放仅适用于一个图元
- CS5隐藏图层的速度非常慢
- 开放图层导出为 KML 并保留我的地图样式
- 传单问题:使折线的图层组不可单击
- 将图层添加到另一个图层
- 图层删除(图像);在 Kinetic.js 中不起作用
- HTML5 Canvas 的初学者,使用图层
- 如何在“控制缩放”下的“打开图层”上添加一些图像
- 无法让 jQuery floatThead 处理嵌入在选项卡式图层中的表
- 如何在开放层 3 中设置矢量图层选择的样式
- 添加支持异步重新加载的 Web 图层
- Kineticjs 将 Mask 滤镜应用于图层
- 如何使折线图层始终位于顶部
- 如何使用 OpenLayers 在地图顶部创建可单击的格网图层
- 图层二Canvas'在彼此的顶部+单击事件
- 如何使网站的底部和顶部图层对背景幻灯片透明