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

叠加多个影像图层

用 imageryLayers 叠加三层影像,理解图层顺序与透明度的配合。

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

图层就是数组

viewer.imageryLayers 是 ImageryLayerCollection,下标 0 在最底层。后加入的图层盖在上面,用 raise、lower、raiseToTop 调整位置。

透明度与混合

layer.alpha 取 0 到 1,0.65 适合专题层压底图。需要更复杂的混合时,还可以调 brightness、contrast、saturation。

方法作用说明
addImageryProvider(provider)追加图层返回 ImageryLayer,可改属性
raise(layer)上移一层不传参数则移动指定图层
layer.alpha透明度0 全透明,1 不透明

图层顺序与 Provider 加载顺序无关;先 add 的后显示在下面,即使它的瓦片更晚到达。