1. 程式人生 > >Cesium學習筆記(一):環境配置和首次執行

Cesium學習筆記(一):環境配置和首次執行

Cesium是國外一個基於JavaScript編寫的使用WebGL的地圖引擎。Cesium支援3D,2D,2.5D形式的地圖展示,可以自行繪製圖形,高亮區域,並提供良好的觸控支援,且支援絕大多數的瀏覽器和mobile。

這是官網上給出的例子,如果你可以成功執行,那說明你用的這個瀏覽器是支援的,如果有問題,建議換個瀏覽器,推薦chrome

下面就進入正題了

1. 首先在官網下載Cesium:https://cesiumjs.org/downloads.html,在本地解壓後是這樣的這裡寫圖片描述雖然可以看到是有index.html的,但是並不能直接雙擊開啟,你還需要一個web伺服器

2. 官網推薦使用的是Node.js,讓我們來到Node.js
官網
。在這裡下載Node.js並安裝,這個過程很簡單,我就省略了。安裝完後可以用node --version檢查一下是否安裝成功

3. 接下來

1. 安裝完成後使用命令欄來到你下載的Cesium目錄,通過npm install connect安裝connect package。這樣將會在我們的Cesium目錄中建立一個‘node_modules’目錄

2. 安裝執行庫:

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

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

4. 最後輸入localhost:8080/Apps/HelloWorld.html就可以進入我們本地伺服器上的HelloWorld了。這和官網上給出的應該是一樣的。

這裡寫圖片描述