使用Node.js執行Cesium專案

liu844133828發表於2018-06-19

確保你的瀏覽器支援WebGL

通過訪問cesium官網示例https://cesiumjs.org/Cesium/Apps/HelloWorld.html或者https://get.webgl.org/或者http://www.webhek.com/post/webgl-jellyfish.html檢查你的瀏覽器是否支援WebGL

Cesium是建立在幾個HTML5新技術之上的,其中最重要的就是WebGL. 儘管這些新的技術標準正在迅速的被廣泛採用,但是一些瀏覽器和系統需要升級之後才能支援這些技術. 如果示例程式不能執行,這裡你可以嘗試:

1.更新你的瀏覽器. 大多數Cesium團隊使用谷歌Chrome瀏覽器, 但Firefox, Internet Explorer 11, Opera也能夠執行專案. 如果你已經在使用上述的瀏覽器, 請確保瀏覽器更新到了最新的版本.

2.升級你的顯示卡驅動來更好地支援3D. 如果你知道你的顯示卡型別, 你可以訪問官網升級顯示卡驅動. 最流行的三種顯示卡是Nvidia, AMD, Intel.

3.如果你電腦依舊有問題, 可以訪問http://get.webgl.org/, 它提供額外的故障診斷建議. 你也可以訪問Cesium論壇https://cesiumjs.org/forum/尋求幫助.

選擇一個編輯器或者IDE

如果你已經是一個經驗豐富的開發人員, 你很可能有一個最喜歡的編輯器或開發環境; 例如大多數Cesium開發團隊使用eclipse(目前主要是用webStrom或者VSCode). 如果你剛剛開始,你一個使用免費開源的編輯器Notepad++. 使用任何一個編輯器都能工作, 所以使用你認為最舒適的編輯器.

下載Cesium釋出的版本

獲取CesiumJS釋出的版本https://github.com/AnalyticalGraphicsInc/cesium/releases

下載完之後,解壓.zip

這個工程需要一個web伺服器來執行,直接點選index.html是不起作用的.

建立web伺服器

為了執行Cesium專案, 我們需要一個本地的web伺服器來發布我們的檔案. 這裡我們將使用Node.js做為伺服器. 如果你已經有一個自己想使用web伺服器, 那也是可以的. Cesium對服務端是沒有要求的, 它完全是一個客戶端. 這意味著任何可以承載靜態內容的web伺服器都可以託管Cesium.

用Node.js設定web伺服器很簡單,只需要3步:

1.從官網https://nodejs.org/en/下載Node.js, 你可以使用預設的安裝設定.

2.使用cmd命令列進入Cesium工程的根目錄, 通過執行 npm install 來下載和安裝需要的模組. 這會在Cesium工程的根目錄建立一個‘node_modules’資料夾.