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

高程分层着色

写一个高程分层的球体材质,让地形按高度呈现交替色带。

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

fabric 是什么

Cesium.Material 的 fabric 支持直接给 GLSL 源码,函数签名固定为 czm_getMaterial(czm_materialInput),返回值决定最终颜色。

高度从哪来

materialInput.height 是当前片元的海拔(米),由地形数据提供。没有地形时它恒为 0,所有分段都会落在同一段。

输入类型说明
materialInput.heightfloat海拔,米
materialInput.strvec2纹理坐标
czm_getDefaultMaterial函数取默认材质值

官方示例用 ElevationBandMaterial 配置多个高度区间与颜色;这里的自定义 fabric 是同一思路的手写版本,色带边界与配色都可以按需改。