相關解釋

① Geocoder
查詢位置工具，查詢到之後會將鏡頭對準找到的地址，預設使用bing地圖

②Home Button
視角返回初始位置

③Scene Mode Picker
選擇視角的模式，有三種：3D，2D，哥倫布檢視（2.5D)

④Base Layer Picker
圖層選擇器，選擇要顯示的地圖服務和地形服務

⑤Navigation Help Button
導航幫助按鈕，顯示預設的地圖控制幫助

⑥Fullscreen Button
全屏按鈕

⑦Timeline
時間線,指示當前時間，並允許使用者跳到特定的時間

⑧Animation
動畫器件，控制檢視動畫的播放速度

其他

• Timeline上面的文字是版權顯示，顯示的是資料歸屬
• 畫布上顯示的星空是Cesium的預設圖片
• 畫布上的地球是載入進來的服務

控制元件的顯示和隱藏

法一：利用JS

//新建一個Cesium服務，將畫布嵌入到id是cesiumContainer的DOM元素中
var viewer = new Cesium.Viewer('cesiumContainer',{ 
    geocoder:false,   
    homeButton:false,
    sceneModePicker:false,
    baseLayerPicker:false
 
,
    navigationHelpButton:false,
    animation:false,    //左下角的動畫控制元件的顯示
    shouldAnimate :false,   //控制模型動畫
    timeline:false,
    fullscreenButton:false,
})

法二：利用CSS

/* 不佔據空間，無法點選 */
.cesium-viewer-toolbar, /* 右上角按鈕組 */
.cesium-viewer-animationContainer, /* 左下角動畫控制元件 */
.cesium-viewer-timelineContainer, /* 時間線 */
.cesium-viewer-bottom /* logo資訊 */
{
display: none;
}
.cesium-viewer-fullscreenContainer /* 全屏按鈕 */
{ position: absolute; top: -999em; }

//注：全屏按鈕不能通過display:none的方式來達到隱藏的目的，這是因為生成的按鈕控制元件的行內樣式設定了display屬性，會覆蓋引入的css屬性