本章主要介绍Cesium Viewer控件的选项参数,以及如何对Viewer的外观进行定制。
主要包括以下内容:
- Viewer控件
- Viewer选项参数
- 定制Viewer外观界面
1. Viewer控件
Viewer是构建Cesium应用程序的基本控件,它将所有标准的Cesium部件集成为一个可重复使用的包,对外提供了基本的地理信息显示和交互控制,是Cesium进行二维和三维地理空间数据可视化展示的窗口。
在Cesium入门(一):第一张Cesium页面中,我们只用了一行代码就创建了一个Viewer对象。
<script>
var viewer = new Cesium.Viewer("cesiumContainer");
</script>
除了这行代码之外看起来好象什么也没有做,但是浏览器中却已经可以看到一个漂亮的三维地球了!
更为神奇的是,我们不但能够通过鼠标或触屏对这个地球进行平移、旋转、缩放等操作,还可以通过右上角的按钮切换不同的地图显示模式,随意更换不同的卫星和街道图层。如下图为二维的Natural Earth全球地图。所有的这一切都是这仅有的一行代码带给我们的惊喜,更不用说还有太阳、月亮和令人向往的星空了。
2. Viewer选项参数
Viewer几乎是整个Cesium组件的集大成者,不仅包含有Science、Camera、图层组、时间线等对象,还包含众多的初始化参数,这些参数在构造Viewer对象时可以用来控制其功能和外观。
Name | Type | Description |
animation | Boolean | 是否创建Animation组件,左下角仪表 |
baseLayerPicker | Boolean | 是否创建BaseLayerPicker图层选择器组件 |
fullscreenButton | Boolean | 是否创建FullscreenButton按钮 |
geocoder | Boolean | Array | 是否创建Geocoder 组件 |
homeButton | Boolean | 是否创建HomeButton按钮 |
infoBox | Boolean | 是否创建InfoBox信息框 |
sceneModePicker | Boolean | 是否创建SceneModePicker 组件 |
selectionIndicator | Boolean | 是否创建SelectionIndicator 组件 |
timeline | Boolean | 是否创建Timeline 时间轴 |
navigationHelpButton | Boolean | 是否创建Navigation帮助按钮 |
skyBox | SkyBox | false | 是否渲染星空,包括太阳、月亮等 |
sceneMode | SceneMode | 初始场景模式,默认为SceneMode.SCENE3D |
projectionPicker | Boolean | 是否创建ProjectionPicker组件 |
这里只列出了Viewer控件的部分构造选项,其中显示的类型为Boolean的选项其默认值大多为True,你可以查看帮助文档来了解另外一部分没有列出的选项。
3. 定制Viewer外观界面
根据上表列出的Viewer控件的构造选项,可以通过改变这些参数的取值来定制Viewer控件的外观,如下面显示的代码去掉了所有的默认组件,只保留了底部的版权说明。
<script>
var viewer = new Cesium.Viewer("cesiumContainer", {
sceneMode : Cesium.SceneMode.SCENE2D,
animation : false,
baseLayerPicker : false,
fullscreenButton : false,
vrButton : false,
geocoder : false,
homeButton : false,
infoBox : false,
sceneModePicker : false,
selectionIndicator : false,
timeline : false,
navigationHelpButton : false,
skyBox : false
});
</script>
这样一来,通过设置选项参数,我们就可以随心所欲地定制自己的Viewer了。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)