CesiumWidget

三维窗口对象 cesium的核心Api 通过实例化CesiumWidget 创建cesium容器和canvas画布 渲染三维场景和管理场景控件等

结构图

初始化流程

实例化CesiumWidget 流程

获取cesium页面容器,挂载三维窗口widget对象,创建canvas画布对象
初始化信用容器innerCreditContainer挂载到页面

实例化窗口部件,初始化场景和配置场景内的参数。添加场景屏幕事件

设置是否循环渲染,cesium中数据渲染会按批次进行每一帧的渲染

默认渲染,通过requestAnimationFrame函数进行循环渲染场景,每次结束都会调用scene.render()

初始化场景内的组件globe,SkyBox,Sun,Moon

基本属性和方法函数

主要函数

render 渲染场景。该功能会自动调用除非 useDefaultRenderLoop 设置为false;

resize 更新画布大小,相机纵横比和视口大小。除非需要,否则将自动调用此函数 useDefaultRenderLoop 设置为false。

destroy 销毁小部件。如果被永久调用从布局中删除小部件。

showErrorPanel 向用户显示错误面板,其中包含标题和较长的错误消息,可以使用’确定’按钮将其关闭。该面板自动显示发生渲染循环错误时,如果showRenderLoopErrors不为false,则当小部件已构建

说明

官网案例使用的都是Cesium.Viewer这个窗体组件,包含了非常丰富的组件内容。Cesium.CesiumWidget可以说是其简化版本,不包含动画、图层选择等等其他组件内容,仅仅显示一个三维数字地球。并且,默认情况下也不会包含Cesium地形的图层。

创建一个纯净的地球

new Cesium.CesiumWidget('cesiumContainer');

imglink1