Cesium--控件

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方法的共同使用,显示的地球效果如图所示:

Cesium--控件_第1张图片

你可能感兴趣的:(Cesium)