小叶层Z-index

Question

我需要在传单层之间设置z-index（控制前景中的内容）。

可以例如2个（或更多）geoJson图层之间或2个（或更多）ImageOverlay图层之间的控制，带有bringToFront，带来ToBack函数。

L.geoJson图层总是超过L.imageOverlay图层，我需要将imageOverlay设置为GeojJson。

这在传单中是否可行？

Answer 1

是的，但没有使用bringToFront和bringToBack。您需要在1.0.0版本中使用自定义窗格。请参阅传单上的this post和传单上的this tutorial。总而言之，您需要为图像叠加层创建新窗格，设置其z-index，然后在创建图层时设置pane选项。以下内容将在GeoJSON图层上方添加图像叠加层：

map.createPane('imagePane');
map.getPane('imagePane').style.zIndex = 401;
var imageLayer = L.imageOverlay(imageUrl, imageBounds, {
  pane: 'imagePane'
}).addTo(map);

当然，您也可以将GeoJSON图层放置在自己的窗格中，并操纵它们的z索引。