cesiumjs編譯（cesium nodejs）

本文目錄一覽：

• 1、Cesium初始化選項
• 2、cesium 和 Three.js有什麼區別，以及二者與WebGL 的關係
• 3、Cesium（四）加載影像圖層
• 4、Cesium在js中調用entity的infobox單機事件
• 5、cesium 地球 支持手機訪問么
• 6、Cesium的擴展工具包-EarthSDK使用指南1

Cesium初始化選項

基於cesium開發地圖時用到的組件是：new Cesium.Viewer(container, options)，container為地圖在頁面中放置位置的id，options是初始化設置的選項，包括是否顯示homeButton，動畫組件，時間軸以及底圖等。具體開發過程中用到的選項可參考官方api（ ）

常用的選項如下：

cesium 和 Three.js有什麼區別，以及二者與WebGL 的關係

我也想做3D。暫時還在門外，以下僅供參考。

Cesium是國外一個基於JavaScript編寫的使用WebGL的地圖引擎。看到這個問題，第一次知道它。專做地圖的看樣子，類似於jquery之類的，jquery方便快速出網站，cesium方便快速出地圖網站。

Three.js知道一點，是做3D的基礎庫啊，可以做任意的3D的東西。做動畫，做遊戲的吧。

WebGL 是一個底層標準吧，它不是一個具體的工程應用。它本身不是javascript的東西，印象中他是專門做圖像圖像的，更關注底層硬件的渲染和性能之類。

我覺得是javascript 在這個WebGL 的繪圖標準上，定義了canvas， 熟悉不，canvas的各種繪圖標準應該是參考的這個標準。Canvas 提供了最基本的點線面的繪製，是基本api。然後Three是對canvas的一層封裝，方便更加快速地繪製一個球，一個立方體，然後動起來。

Cesium（四）加載影像圖層

一、常用影像圖層加載

1、添加高德地圖

2、添加天地圖

3、添加ArcServer地圖

4、添加Geoserver 地圖

二、Cesium ImageryProvider

加載不同格式的地圖需要選擇不同的接口，詳見官方文檔：

三、常用的影像地圖服務：

1、高德：

2、天地圖

3、智圖

天地圖圖層加載：

百度地圖的加載有點複雜，這篇博客有詳細的解決方法：

Cesium在js中調用entity的infobox單機事件

第步創建靜態頁面von.html並引入vue.js關鍵核js文件第二步主題元素插入div標籤元素並其插入input輸入框按鈕利用v-on指令綁定點擊事件queryDate第三步div標籤編寫vue.js點擊事件事件獲取前期第四步讓輸入框按鈕間距設置body元素第五步預覽該靜態

cesium 地球 支持手機訪問么

ml5就可以運行。甚至部分手機瀏覽器都可以運行 。 首先，對Cesium進行本地的部署（可以用nodejs,tomcat,vs2010,iiseclipse等IDE進行部署，我選用的是最簡單的vs）： （1）下載Cesium 進入其官cesium 地球 支持手機訪問么

Cesium的擴展工具包-EarthSDK使用指南1

Cesium作為三維GIS和BIM應用的主力引擎，目前已經受到越來越多的開發者的青睞。這兩年筆者也一直做Cesium相關的開發工作，真切地感受到Cesium的強大，其豐富的API、豐富的示例為開發三維GIS/BIM應用提供了極大的便利。

為了進一步豐富Cesium的開發生態，我們把之前在Cesium基礎上開發的功能，以及大量的改良功能，封裝成若干個獨立的js包。這樣也避免開發者重複造輪子。對於大屏展示、C端替代等直接本地部署Cesium的應用場景，可以直接免費使用我們封裝的EarthSDK擴展包。

EarthSDK中主要包括XbsjEarth.js和XbsjCesium.js兩個js包。

XbsjCesium.js用來擴展Cesium所不具備的三維可視化功能，例如視頻融合、分析工具、模型壓平等。

XbsjEarth.js則主要目標在於封裝出更加易於使用的API接口，儘可能屏蔽掉前端開發工程師所不熟悉的圖形學、GIS相關內容。會在Cesium的基礎上封裝好一些複雜的交互操作，並提供極其簡單的API接口方便調用。

EarthSDK從前端開發者的角度考慮設計API，大部分類的屬性都是響應式設計，通過簡單操作即可監控相應的屬性變化，通過bind方便可以實現屬性的相互綁定。特別針對Vue的開發者，實現了和vue的響應式屬性的無縫融合。具體可以參考這篇文章的介紹： 三維應用的響應式設計探索 。

之前使用過ECharts的同學可能對ECharts的操作簡單印象深刻。ECharts相當於把大量的API轉成配置式，真正使用時，只需要通過setOptions來進行一個大JSON對象的配置，即可完成圖表的創建。

EarthSDK的API設計也是受ECharts的啟發，會盡量減少不需要的API，減輕開發者的記憶負擔。只需要通過一個大JSON配置，就可以完成整個場景的搭建。

而且，EarthSDK比ECharts更進一步，可以直接修改相應的屬性，即可完成三維場景的動態變化。而ECharts則需要不停地調用setOption來進行配置。以後的文章中會詳細說明此特性。

EarthSDK創建場景後，內置viewer和scene對象，用戶可以通過viewer或者scene來向場景中添加Cesium的原生對象，和調用所有原生的Cesium API函數。

為了更易於理解EarthSDK的使用，我們開發了一個樣例程序 XbsjEarthUI(這個程序也同時集成到了CesiumLab中)。此樣例程序已經開源放在Github和Gitee上，基於MIT協議，用戶可以任意修改。

XbsjEarthUI在github上的地址：

XbsjEarthUI在gitee上的地址：

EarthSDK可以加載百度地圖、高德地圖等三十多種地圖數據，並可以做到實時糾偏。

交通安防領域需要用到的視頻監控、視頻融合功能。可以將視頻映射到傾斜攝影、BIM模型上（3dtiles模型），視頻會覆蓋到非平面物體上，不會出現閃爍等現象。

針對模型位置、姿態進行編輯。方便進行多個模型數據組合使用。並且這裡的模型位置編輯可以很方便的在全球任意位置拖放。

結合CesiumLab數據生產，使用EarthSDK調整數據後期亮度，可以做出較好的特效。方便進行大屏展示。

可以指定模型數據顯示在某一個視口，方便進行方案對比等操作。

Cesium的地面本身不能做到透明顯示，我們進行改進，使得透明度可以實時調節。

動態實現視域分析效果。

可以對路徑進行編輯，編輯好的路徑，可以用於控制相機的漫遊，也可以控制物體的移動。

對原始Cesium的標籤效果進行改進，並可以使用類似html5標籤增加onClick屬性，來自動執行自定義操作。