经纬志
首页 / deck.gl / 使用示例

三维公路

同一条路径画三层:路肩、路面、中心标线。宽度用米,跟着地理尺度缩放,倾斜视角下才有公路的纵深感。

deck.gl 9.0 · 更新 2026-10-28
源码与运行效果
运行效果

说明

数据由起讫点插值成二次曲线,模拟绕开地形的走向。真实路网直接换成 GeoJSON 的 LineString 即可,图层配置不用改。

叠放顺序由 layers 数组决定:先画路肩再画路面,最后画标线,标线才不会被盖住。

配置作用
widthUnitsmeters,宽度随缩放变化
widthMinPixels缩小时仍可见的最小宽度
capRounded 与 jointRounded端点与拐角圆滑
layers 顺序路肩 → 路面 → 标线,后画的在上层

米制宽度在小比例尺下会细到看不见,务必设 widthMinPixels;像素宽度在放大后又会失真,两种单位按场景选。