首页 / Leaflet / 使用示例
图层顺序
三个重叠的面分别放在自定义 pane 里，点按钮把任意一个提到最上层。
源码与运行效果
说明
同一 pane 里的矢量顺序由 bringToFront 控制，跨 pane 则完全看
zIndex。示例建了 pane-a、pane-b、pane-c
三个容器，初始层级 420 / 440 / 460，点击按钮把目标 pane 抬到最上，
其余两个依次下移 20。
自定义 pane 默认 pointer-events: none，要响应点击必须显式设为
auto，示例在 createPane 后统一打开了它。
矩形通过 pane 选项指定容器，不需要额外调用 addTo 容器。
| pane | 默认 zIndex | 放什么 |
|---|---|---|
tilePane | 200 | 瓦片底图 |
overlayPane | 400 | 矢量、图片、视频叠加 |
shadowPane | 500 | 标记阴影 |
markerPane | 600 | 标记图标 |
tooltipPane | 650 | 提示框 |
popupPane | 700 | 气泡 |
把矢量放到小于 400 的 pane 里会被底图盖住，放到大于 600 的 pane 里会盖住标记。 新增 pane 时在 400–600 之间取值，避免与标记、气泡争层级。