关于cesium:Cesium中Viewer界面介绍及组件显隐

52次阅读

共计 1121 个字符，预计需要花费 3 分钟才能阅读完成。

任何 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"; // 去除版权信息

正文完