1. 程式人生 > >cesium 入門(一)

cesium 入門(一)

cesium 入門(一)

搭建環境

  • 檢測是否支援WebGL可以開啟檢測WebGL
  • 安裝node.js
  • 從這裡下載程式碼
  • 然後npm install 和npm start就可以開啟這個連結就可以看到效果圖了。

資料夾功能解析

  • Source 應用的原始碼
  • ThirdParty 擴充套件庫,現在只有Cesium
  • LICENSE.md 條款檔案
  • index.html 主頁
  • server.js 服務指令碼

程式碼解析

index.html檔案

  • 一個主要的div來展示Cesium內容。與普通的Div是一樣的可以做各種各樣的互動
  • 在head 引入Cesium.js檔案包含Cesiumjs庫然後匯入wedgets.css

app.js

  • 刪除Source/App.js所有的內容
  • 把AppSkeleton.js的內容拷到App.js檔案
  • 確保服務沒有關的的情況下重新整理視窗,可以看到什麼都沒有了下面我們將會通過放開註釋來講解。
  • 源文地址:https://cesiumjs.org/tutorials/Cesium-Workshop/
    (完)