【Cesium】(二)创建Cesium Viewer及配置

40 阅读1分钟

Cesium Viewer

Cesium中,一切的API基础都是基于Viewer的,可以理解为它是一个容器或者是上下文

const viewer = new Cesium.Viewer('cesiumContain', { `这里是配置项` } )

接下来我们可以看到是这个样子的

image.png

在实际的开发当中,大多数时候我们是不需要Cesium自带的一些控件的,这个时候我们就可以通过创建Viewer的时候,通过第二个参数的配置项来进行配置,配置如下,可以根据自己的需求参考注释来进行配置 :

const options = {
  geocoder: false, // 右上角 搜索
  homeButton: false, // 右上角 Home
  sceneModePicker: false, // 右上角 2D/3D切换
  baseLayerPicker: false, // 右上角 地形
  navigationHelpButton: false, // 右上角 Help
  animation: false, // 左下角 圆盘动画控件
  timeline: false, // 时间轴
  fullscreenButton: false, // 右下角 全屏控件
  vrButton: false, // 如果设置为true,将创建VRButton小部件。
  infoBox: false, // 隐藏点击要素后的提示信息
  selectionIndicator: false, // 点击模型绿框关闭
}
const viewer = new Cesium.Viewer('cesiumContain', options )
一些额外的配置
viewer.imageryLayers.get(0).show = false // 不显示默认底图
viewer.cesiumWidget.creditContainer.style.display = 'none' // 隐藏logo
viewer.scene.globe.depthTestAgainstTerrain = true // 开启深度检测

// 开启抗锯齿 这样加载出来的模型就没有锯齿状了
viewer.scene.fxaa = true
viewer.scene.postProcessStages.fxaa.enabled = true

Viewer的完整配置可以参考官方文档 传送门

当然 有中文参考文档那是更佳了传送门

image.png