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

影像卷帘对比

用 splitDirection 把两个影像图层分到分界线两侧,做卷帘对比。

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

两侧各放一个图层

splitDirection 取 SplitDirection.LEFT 或 RIGHT,图层就只画在分界线的对应一侧;不设置时两侧都画。

拖动分界

scene.splitPosition 是 0 到 1 的归一化位置。把它绑定到滑块的拖动事件上,就得到常见的卷帘交互;键盘左右键也可以改这个值。

属性取值说明
layer.splitDirectionLEFT / RIGHT / NONE图层显示在哪一侧
scene.splitPosition0 – 1分界线的归一化位置
SplitDirection枚举不要写成字符串

卷帘是纯粹的显示裁剪,不改变任何瓦片请求;被裁掉的一侧仍然会被请求一次。