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

虚线折线

用 PolylineDashMaterialProperty 控制虚线节奏,并用颜色区分不同路径。

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

两个参数控制节奏

dashLength 是实线段长度,单位像素;dashPattern 是 16 位掩码,决定哪些位置画实线,改它比改颜色更容易做出间隔不均的虚线。

流动效果

逐帧增加 dashLength 会让虚线看起来在前进。真实项目里也可以用 Cesium.CallbackProperty 把时间映射成 dashLength,避免手动管理帧回调。

属性取值说明
dashLength像素实线段长度
dashPattern16 位整数实线与空隙的序列
gapColorColor空隙颜色,默认透明

虚线只支持像素宽度,按米设宽的折线不会有虚线段效果;需要米制虚线时得用自定义材质。