如何使ipyleaflet中GeoJSON图层置于底图之上、DrawControl图层之下？

场景复现 #

使用ipyleaflet创建地图并添加DrawControl控件：

from ipyleaflet import Map, GeoJSON, DrawControl

m = Map(center=(40.730610, -73.935242), zoom=10)
draw_control = DrawControl(polyline={}, circlemarker={})
draw_control.rectangle = { 'shapeOptions': {"fillColor": "#ffab71"}}
m.add(draw_control)
m

通过DrawControl绘制多边形后，添加GeoJSON图层：

ny_poly= [
    {
        "type": "Feature",
        "geometry": {
            "type": "Polygon",
            "coordinates": [
                [
                    [-74.0479, 40.6839],
                    [-73.9696, 40.6807],
                    [-73.9911, 40.6413],
                    [-74.0479, 40.6839]
                ]
            ]
        },
        "properties": {"name": "Polygon 1"}
    }]

geojson_layer1 = GeoJSON(data=ny_poly[0], style={"color": "red", "opacity": 1, "fillOpacity": 1})
m.add(geojson_layer1)

问题说明 #

当前红色GeoJSON多边形显示在DrawControl绘制的橙色多边形上方，需求是让GeoJSON图层显示在底图之上，但位于DrawControl绘制的多边形下方。尝试过调整m.panes或m.layers顺序，未成功。

可行解决方案 #

• 方案一：利用DrawControl的图层组特性调整顺序
  DrawControl会自动创建名为draw_layer的图层组，所有绘制图形都属于该组。找到该图层组在m.layers中的位置，将GeoJSON图层插入到它之前：

# 定位draw_layer的索引
draw_layer_idx = next(i for i, layer in enumerate(m.layers) if layer.name == 'draw_layer')
# 在draw_layer前插入GeoJSON图层
m.layers.insert(draw_layer_idx, geojson_layer1)

• 方案二：自定义Pane层级
  ipyleaflet地图的Pane有默认层级，DrawControl的绘制图层默认在overlayPane（z-index=400），底图在tilePane（z-index=200）。可以给GeoJSON图层指定中间层级的自定义Pane：

# 添加自定义Pane，设置z-index介于tilePane和overlayPane之间
m.panes['custom_geo_pane'] = {'zIndex': 300}
# 创建GeoJSON图层时指定该Pane
geojson_layer1 = GeoJSON(
    data=ny_poly[0],
    style={"color": "red", "opacity": 1, "fillOpacity": 1},
    pane='custom_geo_pane'
)
m.add(geojson_layer1)

内容的提问来源于stack exchange，提问作者GCGM