leaflet如何为geoJson图层设置zIndex图层顺序

Question

leafLet 线和面数据使用geoJSON加载, 然后想控制图层顺序, 点的可以用marker, 那么线和面的呢, 线和面怎么用marker, 咱们不是用的geoJson 吗

Answer 1

望采纳

leaflet 的 marker 类型是用来标记地图上的点的，它不能用来表示线和面。如果要表示线和面，可以使用 polyline 和 polygon 类型。例如：

// 定义线
var polyline = L.polyline([
    [51.509, -0.08],
    [51.503, -0.06],
    [51.51, -0.047]
]).addTo(map);

// 定义面
var polygon = L.polygon([
    [51.509, -0.08],
    [51.503, -0.06],
    [51.51, -0.047]
]).addTo(map);

如果要控制图层顺序，可以使用 leaflet 的 setZIndex 方法来设置图层的 z-index，以控制它们的绘制顺序。例如：

// 设置线的 z-index 为 1，这样它就会绘制在面的上面
polyline.setZIndex(1);

// 设置面的 z-index 为 2，这样它就会绘制在线的下面
polygon.setZIndex(2);