Cesium Viewer
在Cesium
中,一切的API基础都是基于Viewer的,可以理解为它是一个容器或者是上下文
const viewer = new Cesium.Viewer('cesiumContain', { `这里是配置项` } )
接下来我们可以看到是这个样子的
在实际的开发当中,大多数时候我们是不需要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的完整配置可以参考官方文档 传送门
当然 有中文参考文档那是更佳了传送门