Leaflet认为“地图”窗格元素包含添加到地图的所有图层。许多“地图”窗格之间的差异严格来说是分层的z索引顺序。
我想结合使用lvector.CartoDB图层(本质上是overlayPane
图层)与TileLayer(例如GeoIQ Acetate-bg和标签)。
这是将元素添加到地图时的顺序:
tileLayer1 = new L.TileLayer();
map.add(tileLayer1); // add first layer to map
cartoDBLayer1 = new lvector.CartoDB();
cartoDBLayer.setMap(map); // add second layer to map
tileLayer2 = new L.TileLayer();
map.add(tileLayer2); // add third layer to map
返回的是一张具有以下顺序的图层的地图:
tileLayer1,tileLayer2,cartoDBLayer1
tileLayer1
并且tileLayer2
位于HTMLElement: TilePane
和cartoDBLayer1
中HTMLElement: overlayPane
。
有什么方法可以强制cartoDBLayer1
在TilePane中进行渲染,从而使其按添加到地图中的z-index的顺序下降。
即
z-index[0]:tileLayer1
z-index[1]:cartoDBLayer1
z-index[2]:tileLayer2