leaflet control.layers踩的一個坑

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)即可。