3 Cesium首页控件介绍

界面

Cesium 是从viewer初始化开始，默认Viewer显示内容如下

var viewer = new Cesium.Viewer("cesiumContainer");

1. Geocoder，查找位置工具，查找到之后会将镜头对准找到的地址，默认使用 bing 地图。
2. Home Button，视角返回初始位置。
3. Scene Mode Picker，选择视角的模式，有三种：3D、2D、哥伦布视图（CV）。
4. Base Layer Picker，图层选择器，选择要显示的地图服务和地形服务。
5. Navigation Help Button，导航帮助按钮，显示默认的地图控制帮助。
6. Animation，动画器件，控制视图动画的播放速度。
7. Credits Display，版权显示，显示数据归属。
8. Timeline，时间线，指示当前时间，并允许用户跳到特定的时间。
9. Fullscreen Button，全屏按钮。

代码控制元素显示

const viewer = new Cesium.Viewer('cesiumContainer', {
    // ......
    geocoder: false,				//隐藏查找控件1
    homeButton: false,				//隐藏视角返回初始位置按钮2
    sceneModePicker: false,			//隐藏视角模式3D 2D CV 3
    baseLayerPicker: false,			//隐藏图层选择4
    navigationHelpButton: false,	//隐藏帮助5
    animation: false,				//隐藏动画控件6
    timeline: false,				//隐藏时间线控件8
    fullscreenButton: false		//隐藏全屏 9
	//......
	//......
});

通过样式控制

.cesium-viewer-toolbar,             /* 右上角按钮组 */
.cesium-viewer-animationContainer,  /* 左下角动画控件 */
.cesium-viewer-timelineContainer,   /* 时间线 */
.cesium-viewer-bottom               /* logo信息 */
{
    display: none;
}
.cesium-viewer-fullscreenContainer  /* 全屏按钮 */
{position: absolute; top: -999em;}

版权信息控制

初始化后的函数里增加js代码

viewer._cesiumWidget._creditContainer.style.display = "none";