本文共 583 字，大约阅读时间需要 1 分钟。

场景

在使用Leaflet进行地图开发时，有时候需要对多个图层进行切换控制。特别是在一个地图中添加了多个图层或图层组时，如何管理它们的显示顺序和层次变得尤为重要。

实现

1. 图层索引控制

在Leaflet中每个图层都有一个默认的z-index值，决定了它们在渲染时的显示顺序。可以通过改变这一值来实现图层的层级管理。高z-index的图层会比低z-index的图层优先显示。

具体做法是通过调用layer.setZIndex()方法来设置图层的索引值。请注意：默认情况下，Leaflet会根据添加顺序自动分配z-index值。如果需要自定义图层顺序，务必手动调整各图层的z-index值。

2. 常用方法示例

例如，在一个包含地理绘图、道路网络和标注层的复杂地图中，可以通过以下方式控制图层显示顺序：

var map = L.map({center: [123, 456], zoom: 13});

创建各图层并添加到地图：

var positionLayer = L.tileLayer('url', {zIndex: 1});

通过手动设置各层的zIndex值，可以实现图层的层级管理。例如，将交通标注图层设置为zIndex: 0，地理地形图层为zIndex: 5，道路网络为zIndex: 2等等。这样可以确保各图层按预期的优先级显示。