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

轻量三维窗口

Viewer 带一整套控件与数据源管理,CesiumWidget 只有场景。嵌到已有界面时,后者更轻。

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

少了什么

没有动画、时间轴、图层选择器、信息框,也没有默认影像。要加内容就自己操作 scene 和 primitives。

该选哪个

需要内置交互和实体管理就用 Viewer;只想要一块能渲染三维的画布,用 CesiumWidget,初始化更快,DOM 也更干净。

可以直接改的地方

位置改什么效果
new Cesium.CesiumWidget换成 Viewer得到完整控件
widget.scene加图元场景内容
widget.resize()容器变化后调用自适应尺寸

尺寸要手动跟:CesiumWidget 不会自动跟随容器尺寸,容器用弹性布局时要在 resize 事件里手动调用。