经纬志
首页 / Cesium / 使用示例

沿路径铺出走廊带

一条带三个弯的折线,两侧各扩出相同宽度形成路面。 滑杆改宽度、下拉框改拐角样式,中心虚线始终跟着走。

CesiumJS 1.121 · 更新 2026-10-28
源码与运行效果
运行效果

宽度是总宽

corridor.width 给的是左右两侧加起来的总宽度,因此 130 米 的走廊在中线两侧各占 65 米。改宽度时不必动 positions, 顶点位置固定,只有偏移量变。

走廊默认贴着椭球面铺开,加 height: 1 可以把它整体抬高一点, 避免和同高度的其他面互相闪烁。示例里外层路面故意比内层宽, 两层叠在一起时能看出边界的层次。

三个拐角选项

cornerType 决定折点处的收边方式:ROUNDED 用圆弧过渡, MITERED 把两条边延长后斜接,BEVELED 直接切平。 缓弯的路径差异不明显,急转弯时对比最清楚。

可调参数

位置改什么效果
宽度滑杆40 到 360 米内层走廊实时变宽
拐角下拉框三种枚举切换折点收边形状
外层 width: 300改成 500露出更宽的底层路肩
PATH 数组增删顶点路径走向改变

急弯会自交。当宽度大于拐角处的路径曲率半径时,内外两侧的偏移边 会互相穿过,产生翻折的面片。遇到这种情况要么减小宽度,要么在拐点附近 补插更多顶点把弯拉缓。