Cesium day day up 02
在之前我们已经完成了球的创建,现在搞搞
Cesium应用程序的基础都是Viewer 可以将其理解为一个带有多种功能的可交互的三维数字地球的盒子
创建一个Viewer和Html中的一个id为“cesium”的div绑定即可。
<div id='cesium'></div>
<script>
var viewer = new Cesium.Viewer ("cesium")
</script>
场景Viewer设置
cesium接口:https://cesium.com/learn/cesiumjs/ref-doc/index.html
- Geocoder:搜索工具,用于显示相机访问的地理位置。默认使用的是微软的Bing地图
- HomeButton:首页位置,点击之后将试图跳转到默认视角
- SceneModePicker:2D、3D和Columbus View模式
- BaseLayerPicker:三维数字地图的底图
- NavigationHelpButton:帮助提示,如何操作数字地球
- Animation:控制视窗动画的播放速度
- CreditsDispaly:展示商标版权和数据源
- Timeline:展示当前时间和循序用户在进度条上拖动到任何一个指定的时间
- FullscreenButton:全屏按钮
<script>
var viewer = new Cesium.Viewer ("cesium",{
animation:false,//是否创建动画小器件,左下角仪表
hommeButton:false,//是否显示Home按钮
timeline:false,//是否显示时间轴
baseLayerPicker:true,//是否显示图层选择器
fullscreenButton:false,//是否显示全屏按钮
geocoder:false,//是否显示右上角查询按钮
infoBox:false,//是否显示信息框
sceneModePiker:false,//3d、2d选择器
navigationHelpButton:false,//右上角的帮助按钮
scene3Donly:true,//每个几何实例将仅以3D渲染以节省GPU内存
clock:new Cesium.Clock(),//用于控制当前时间的时钟对象
//以下baseLayerPicker为true时有意义
selectedImageryProviderViewModel:undefined,//当前图像图层的显示模型
imageryProviderViewModels:Cesium.createDefaultImageryProviderViewModel(),//可供baseLayerPicker选择的图像图层ProviderViewModel数组
selectedTerrainProviderViewModel:undefined,//当前地形图层的显示模型
terrainProviderViewModels:Cesium.createDefaultTerrainProviderViewModel(),//可供baseLayerPicker选择的图像图层ProviderViewModel数组
imagerProvider:new Cesium.OpenStreetMapImageryProvider({
credit:'vae',
}),//图像图层提供者,仅baseLayerPicker设为Fale有意义
});
</script>