1. 程式人生 > >【Cesium01】--環境搭建

【Cesium01】--環境搭建

一、Cesium簡介

    Cesiumjs 是國外一個基於JavaScript編寫的使用WebGL的地圖引擎,用來渲染3D地球,2D區域地圖,和多種GIS要素。可以自行繪製圖形,高亮區域,並提供良好的觸控支援,且支援絕大多數的瀏覽器和mobile,並且不需要安裝任何外掛就能在支援最新HTML5標準的瀏覽器上執行。支援WebGL硬體加速,非常適合動態資料在GIS圖層上的展示,是一個跨平臺,開源,非常有前途的webgis表現層庫。

    Cesiumjs源自Analytical Graphics, Inc. (AGI) 公司為他們客戶開發一個虛擬地球專案,後來將cesium專案貢獻給開源社群並一直活躍開發中。(AGI 開發的 

STK Terrain Server 是一種針對Cesium-應用的流式高解析度伺服器)另一個公司級的貢獻者是NICTA (National ICT Australia) 澳大利亞最大的資訊與通訊技術中心,NICTA的員工們貢獻了瓦片地圖服務、地形處理等cesium的核心功能。並一直使用cesium開發環境監測分析、交通基礎設施建模模擬優化等領域的應用。

首先需要檢測你電腦是否能夠執行,開啟https://cesiumjs.org/Cesium/Apps/HelloWorld.html,官方的例子如果你可以成功執行,那說明你用的這個瀏覽器是支援的,如果有問題,建議換個瀏覽器,推薦chrome

二、環境搭建


下載後在本地解壓後文件夾如下圖:

其中index.html是索引頁,但是我們現在不能訪問裡面的網頁資料,我們需要一個本地的伺服器來host我們Cesium的檔案,接下來我們將要使用Node.js來完成我們的教程

2.WEB伺服器搭建

本文使用的是官方推薦的方法使用NodeJS來搭建,NodeJS的安裝包下載地址:https://nodejs.org/en/

Node.js安裝包下載後,直接執行安裝,安裝過程簡單,只需要“下一步”就行,中途可以選擇檔案儲存的位置。

3.檢測Node.js是否安裝好,開啟cmd分別輸入node -v和npm -v出現下圖:

說明安裝成功。

4.新增nodejs模組

    接下來安裝nodejs的執行庫,需要cmd進入到你下載的Cesium目錄如下圖:

進入到D盤的Cesium資料夾,其他類似;

然後在cmd的Cesium目錄檔案下輸入

npm install connect

安裝connect package。這樣將會在我們的Cesium目錄中建立一個‘node_modules’目錄;


5.安裝nodejs執行庫

        在cmd的Cesium目錄檔案下輸入

npm install express
npm install compression
npm install request
npm install yargs

分別下載檔案後即可。

6. 安裝完成後就可以在cmd的Cesium目錄檔案下輸入node server.js開啟伺服器(如果需要修改埠號,可以就在server.js檔案中修改)

7.最後輸入localhost:8080/Apps/HelloWorld.html就可以進入我們本地伺服器上的HelloWorld了。最後網頁中出現下圖說明環境搭建成功。


【說明】

· 上面的教程中的NodeJS部分僅針對於Cesium環境搭建,NodeJS還有超級多功能用法這裡不做詳述。

· 如果NodeJS安裝有問題(尤其是npm -v時無響應)時,請刪除 C:\Users\[你的使用者名稱]\AppData\Roaming和 C:\Users\[你的使用者名稱] 兩個路徑下和npm有關的檔案後重新安裝NodeJS。

· 不建議為計算機新增過多環境變數。因此,每次做Cesium相關開發時,請先進入Cesium根目錄,開啟NodeJS服務(參照第三步)。


參考:https://blog.csdn.net/ShyLoneGirl/article/details/79086435

另:上述方法適用與無IDE的情況下,如果使用IDE的話,可以不用配置本地伺服器,IDE會幫你配置,可以直接執行。(例如WebStorm)