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

模型卷帘对比

用 splitDirection 把两个瓦片集分到分界线两侧,做三维卷帘对比。

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

卷帘作用在什么上

splitDirection 是瓦片集与影像图层的属性,按屏幕横向分界裁剪。两个瓦片集设成左右之后,同一位置只显示各自那一侧,天然形成对比。

分界位置

scene.splitPosition 是 0 到 1 的归一化值,绑到滑块上就能拖动。相机旋转时两侧内容都跟着动,对比仍然成立。

属性取值说明
tileset.splitDirectionLEFT / RIGHT显示在哪一侧
scene.splitPosition0 – 1分界线位置
SplitDirection.NONE—两侧都显示

两个瓦片集的地理范围要重合,否则分界线上会露出空隙;示例用同一包围盒保证对齐。