2013-01-22 81 views
10

我對傳單中的圖層排序有問題。 我跟着這個頁面 http://leafletjs.com/examples/layers-control.html傳單層訂購

確切的問題是...我如何重新排序圖層(前景背景等)。

比方說,我的「基層」的一個是由半透明的瓷磚,我希望看到通過我的基本層的「覆蓋層」(應該是在前臺)

根據頁面例子,這裏是一個片段來解釋一下這個問題:

var baseMaps = { 
    "Minimal": minimal, 
    "Night View": midnight, 
    "My Custom Layer": customlayer 
}; 

var overlayMaps = { 
    "Motorways": motorways, 
    "Cities": cities 
}; 

換句話說,我想知道如何設置「我的自定義層」,這將是在前景層(以上overlayMaps )。

我試過設置圖層的zindex值,沒有幫助。

謝謝。

回答

10

圖層控件有兩套圖層,一套是基礎圖層和一套疊加圖層。覆蓋層將被繪製在基礎層的頂部。 因此,一般來說,您需要將透明圖層添加到覆蓋圖層。

默認情況下,autoZIndex選項指定控件必須將z索引按其添加順序分配給每個圖層,這意味着它們將按照該順序繪製。

參見http://leafletjs.com/reference.html#control-layers

1

設置平鋪層的zIndex的。

setZIndex(<Number> zIndex) 

myLayer1.setZIndex(4); 
myLayer2.setZIndex(5); 

二層以上層1