传单层 Z-index

Question

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

例如，可以在 2 个（或更多）geoJson 层之间或在 2 个（或更多）ImageOverlay 层之间进行控制，使用引入前、引入后功能。

L.geoJson 层总是在 L.imageOverlay 层之上，我需要将 imageOverlay 设置为在 GeojJson 之上。

这在传单中可能吗？

Answer 1

是的，但不使用bringToFrontand bringToBack。您需要在 1.0.0 版本中使用自定义窗格。请参阅GIS.SE上的这篇文章和Leaflet 网站上的本教程。总而言之，您需要为图像叠加创建一个新窗格，设置其 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-indexing。