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

高程配色与水面

用高程渐变为地形上色,并在低处叠加半透明水面。

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

渐变怎么映射

贴图的纵轴从 minimumHeight 到 maximumHeight 线性映射到地表高程,贴图底部的颜色对应最低处。超出范围的高程会被钳到两端颜色。

水面为什么单独做

ElevationRamp 只上色,不改变几何。水面用一块带透明度的矩形补上,既能看见水下地形,又能标出基准高程。

uniform类型说明
image贴图竖直渐变条
minimumHeight米渐变底部对应高程
maximumHeight米渐变顶部对应高程

渐变贴图宽度只需几像素,横向会被拉伸;要做出分层色带的效果,应在渐变里加硬停止点而不是靠宽度。