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

双屏同步视角

在页面里并排放两个 Viewer,把一个视图的相机状态同步给另一个。

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

同步什么

只同步位置、方向与上方向三个量,视锥与视口各自独立。这样两个视图可以有不同的宽高比,画面仍然对应同一个观察点。

两个上下文的代价

每个 Viewer 都有独立的 WebGL 上下文与资源缓存,显存占用翻倍。用来做左右对比或主辅视图,不建议开三个以上。

量来源说明
positionWC相机位置世界坐标
directionWC视线方向单位向量
upWC上方向决定画面旋转

两个视图的相机都要用 setView 写入,直接赋 position 会丢失方向信息,画面会歪。