Cesium官方网站提供的release版本,默认的时候会显示一些控件,但是在实际的应用过程中,我们往往需要的只是那个球(globe),那么那些显示的控件表示的含义都是什么,以及如何将其隐藏呢?
一、控件的含义
geocoder:地理编码,查找位置的工具
homeButton:相机返回默认视图显示的位置
sceneModePicker:现在不同的地图显示模式,如3D、2D和2.5D
baseLayerPicker:图层选择器,选择要显示的地图服务或地形服务
navigationHelpButton:导航帮助按钮
animation:动画构件,用来控制显示动画的速度
timeline:事件线,用来显示一天24小时的时间,可以用来模拟地球转动,太阳的显示位置。
fullsceneButton:全屏按钮
二、控件的隐藏方法
1. 通过js代码隐藏
通过下列的代码,不能隐藏所有的控件,比如说Cesium的logo信息。
var viewer = new Cesium.Viewer('cesiumContainer',{
geocoder: false,
homeButton: false,
sceneModePicker: false,
baseLayerPicker: false,
navigationHelpButton: false,
animation: false,
timeline: false,
fullscreenButton: false,
vrButton: false,
/*skyBox: new Cesium.SkyBox({
sources: {
positiveX:
}
})*/
});
2.通过css样式隐藏
只需要在样式中,添加如下样式信息,就可以隐藏Cesium自带的logo信息了
/* 隐藏Cesium的logo信息*/
.cesium-viewer-bottom{
display: none;
}
通过js和css方法的共同使用,显示的地球效果如图所示: