cesium 中的CesiumViewer小工具配置

來源：吃喝攻略 釋出時間：2023-04-13 12:20

CesiumViewer小工具配置

cesium 的CesiumViewer 有哪些小工具的配置，分別是哪些欄位 引數值型別一直都是許多人迷惑，這裡在下就給大家做一下列舉：

效果圖：

腦圖：

常用的小工具：

Cesium的Viewer是一個用於在瀏覽器中呈現3D地球的庫。它有很多小工具（widgets）可以配置，以下是一些常見的小工具及其欄位、引數值型別和中文註釋：

動畫小工具（Animation）

show: Boolean 型別，表示是否顯示動畫控制元件，預設為 true。註釋：是否顯示動畫小工具。

基礎圖層選擇器（BaseLayerPicker）

show: Boolean 型別，表示是否顯示基礎圖層選擇器，預設為 true。註釋：是否顯示基礎圖層選擇器。globe: Globe 型別，表示與基礎圖層選擇器聯絡關係的地球物件。註釋：地球物件。imageryProviderViewModels: Array 型別，表示可用於選擇的影象圖層提供者的檢視模型陣列。註釋：影象圖層提供者陣列。

全屏按鈕（FullscreenButton）

show: Boolean 型別，表示是否顯示全屏按鈕，預設為 true。註釋：是否顯示全屏按鈕。container: HTMLElement 型別，表示全屏按鈕的容器。註釋：全屏按鈕容器。

地輿編碼器（Geocoder）

show: Boolean 型別，表示是否顯示地輿編碼器，預設為 true。註釋：是否顯示地輿編碼器。scene: Scene 型別，表示地輿編碼器聯絡關係的場景物件。註釋：場景物件。

主檢視（HomeButton）

show: Boolean 型別，表示是否顯示主檢視按鈕，預設為 true。註釋：是否顯示主檢視按鈕。scene: Scene 型別，表示主檢視按鈕聯絡關係的場景物件。註釋：場景物件。

導航匡助按鈕（NavigationHelpButton）

show: Boolean 型別，表示是否顯示導航匡助按鈕，預設為 true。註釋：是否顯示導航匡助按鈕。instructionsInitiallyVisible: Boolean 型別，表示是否在初始狀態下顯示匡助說明，預設為 false。註釋：初始時是否顯示匡助說明。

場景模式選擇器（SceneModePicker）

show: Boolean 型別，表示是否顯示場景模式選擇器，預設為 true。註釋：是否顯示場景模式選擇器。scene: Scene 型別，表示場景模式選擇器聯絡關係的場景物件。註釋：場景物件。

選擇指示器（SelectionIndicator）

show: Boolean 型別，表示是否顯示選擇指示器，預設為 true。註釋：是否顯示選擇指示器。container: HTMLElement 型別，表示選擇指示器的容器。註釋：選擇指示器容器。scene: Scene 型別，表示選擇指示器聯絡關係的場景物件。註釋：場景物件。

時間線（Timeline）

show: Boolean 型別，表示是否顯示時間線，預設為 true。註釋：是否顯示時間線。

VR按鈕（VRButton）

show: Boolean 型別，表示是否顯示VR按鈕，預設為 false。註釋：是否顯示VR按鈕

其他工具

除了上述提到的小工具以外，Cesium Viewer還有許多其他的配置選項，它們包括以下欄位、引數值型別和中文註釋：

場景（Scene）

backgroundColor: Color 型別，表示場景的背景顏色，預設為玄色。註釋：場景背景顏色。globe: Globe 型別，表示場景中的地球物件。註釋：地球物件。terrainProvider: TerrainProvider 型別，表示地形提供者，預設為無地形（EllipsoidTerrainProvider）。註釋：地形提供者。

相機（Camera）

position: Cartesian3 型別，表示相機的初始位置。註釋：相機初始位置。lookAt: Cartesian3 型別，表示相機初始朝向的目標點。註釋：相機初始朝向目標點。

時鐘（Clock）

startTime: JulianDate 型別，表示時間線的起始時間。註釋：時間線起始時間。endTime: JulianDate 型別，表示時間線的結束時間。註釋：時間線結束時間。currentTime: JulianDate 型別，表示時間線的當前時間。註釋：時間線當前時間。

哀求渲染模式（requestRenderMode）

requestRenderMode: Boolean 型別，表示是否啟用哀求渲染模式，預設為 false。註釋：是否啟用哀求渲染模式。

最大渲染幀速率（maximumRenderRate）

maximumRenderRate: Number 型別，表示最大渲染幀速率，預設為 60。註釋：最大渲染幀速率。

地形深度檢測（terrainExaggeration）

terrainExaggeration: Number 型別，表示地形的垂直縮放比例，預設為 1.0。註釋：地形垂直縮放比例。

暗影模式（shadows）

shadows: Number 型別，表示暗影模式（0-禁用，1-啟用），預設為 0。註釋：暗影模式。

高動態範圍渲染（hdr）

hdr: Boolean 型別，表示是否啟用高動態範圍渲染，預設為 true。註釋：是否啟用高動態範圍渲染。

解析度比例（resolutionScale）

resolutionScale: Number 型別，表示解析度比例，預設為 1.0。註釋：解析度比例。

</ol>這些配置選項可以匡助您定製Cesium Viewer的外觀和功能，以滿意不同的需求。要了解更多關於Cesium Viewer的資訊，請訪問Cesium官方文件（https://cesium.com/docs/cesiumjs-ref-doc/Viewer.html?chann=&eid=）。

示例程式碼

const viewer = new Cesium.Viewer("cesiumContainer", { animation: true, // 動畫小元件 baseLayerPicker: false, // 底圖元件，選擇三維數字地球的底圖（imagery and terrain）。 fullscreenButton: false, // 全屏元件 vrButton: false, // VR模式 geocoder: false, // 地輿編碼（搜尋）元件 homeButton: false, // 首頁，點選之後將檢視跳轉到預設視角 infoBox: false, // 資訊框 sceneModePicker: true, // 場景模式，切換2D、3D 和 Columbus View (CV) 模式。 selectionIndicator: false, // 是否顯示選取指示器元件 timeline: true, // 時間軸 navigationHelpButton: false, // 匡助提示，如何操縱數字地球。 // 假如最初應該看到導航說明，則為true；假如直到使用者明確單擊該按鈕，則該提示不顯示，否則為false。 navigationInstructionsInitiallyVisible: false,})

如需要腦圖xmind文件請關注 後私信

CesiumViewer小工具配置

cesium 的CesiumViewer 有哪些小工具的配置，分別是哪些欄位 引數值型別一直都是許多人迷惑，這裡在下就給大家做一下列舉：

效果圖：

腦圖：

CesiumViewer小工具配置

cesium 的CesiumViewer 有哪些小工具的配置，分別是哪些欄位 引數值型別一直都是許多人迷惑，這裡在下就給大家做一下列舉：

效果圖：

腦圖：

CesiumViewer小工具配置

cesium 的CesiumViewer 有哪些小工具的配置，分別是哪些欄位 引數值型別一直都是許多人迷惑，這裡在下就給大家做一下列舉：

效果圖：

腦圖：