Cesium 中 Viewer 界面介绍及组件显隐
任何 Cesium 应用程序的根底都是 Viewer,Viewer 是一个带有多种性能的可交互的三位数字地球的容器。在搭建第一个示例后,咱们曾经通过以下代码初始化了一个视图窗口,看到了一个根本的数字地球。
let viewer = new Cesium.Viewer("cesiumContainer");
默认地,场景反对鼠标交互,并且反对以下相机漫游形式:
- 按住鼠标左键拖拽 – 让相机在数字地球立体平移
- 按住鼠标右键拖拽 – 放缩相机
- 鼠标滚轮滑动 – 放缩相机
- 按住鼠标中键拖拽 – 在以后地球的屏幕两头点,旋转相机
初始化界面也默认自带了一些组件,每一个组件的形容如下:
geocoder
:查找地位工具,查找到之后会将镜头对准找到的地址(但实际效果体验较差),默认应用微软的 Bing 地图homeButton
:首页地位,点击之后将视图跳转到默认视角dceneModePicker
:抉择视角的模式,3D,2D,哥伦布视图 (CV)baseLayerPicker
:图层选择器,抉择要显示的地图服务和地形服务navigationHelpButton
:导航帮忙按钮,显示默认的地图管制帮忙animation
:动画器件,管制视图动画的播放速度creditsDisplay
:展现商标版权和数据归属timeline
:时间轴,批示以后工夫,并容许用户跳到特定的工夫fullscreenButton
:全屏按钮
能够通过调整 Viewer 中的属性来管制组件的显隐:
let viewer = new Cesium.Viewer("container", {
animation: false, // 暗藏动画控件
baseLayerPicker: false, // 暗藏图层抉择控件
fullscreenButton: false, // 暗藏全屏按钮
vrButton: false, // 暗藏 VR 按钮,默认 false
geocoder: true, // 暗藏地名查找控件
homeButton: false, // 暗藏 Home 按钮
infoBox: true, // 暗藏点击因素之后显示的信息窗口
sceneModePicker: false, // 暗藏场景模式抉择控件
selectionIndicator: false, // 显示实体对象抉择框,默认 true
timeline: false, // 暗藏工夫线控件
navigationHelpButton: false, // 暗藏帮忙按钮
// terrainProvider:new Cesium.createWorldTerrain(), // 地形开启});
viewer._cesiumWidget._creditContainer.style.display = "none"; // 去除版权信息