首页 / deck.gl / 使用示例
三维公路
同一条路径画三层:路肩、路面、中心标线。宽度用米,跟着地理尺度缩放,倾斜视角下才有公路的纵深感。
源码与运行效果
说明
数据由起讫点插值成二次曲线,模拟绕开地形的走向。真实路网直接换成 GeoJSON 的 LineString 即可,图层配置不用改。
叠放顺序由 layers 数组决定:先画路肩再画路面,最后画标线,标线才不会被盖住。
| 配置 | 作用 |
|---|---|
widthUnits | meters,宽度随缩放变化 |
widthMinPixels | 缩小时仍可见的最小宽度 |
capRounded 与 jointRounded | 端点与拐角圆滑 |
layers 顺序 | 路肩 → 路面 → 标线,后画的在上层 |
米制宽度在小比例尺下会细到看不见,务必设 widthMinPixels;像素宽度在放大后又会失真,两种单位按场景选。