cesium編程入門(二)環境搭建


環境搭建

環境搭建 編譯

node 安裝

Node.js安裝包及源碼下載地址為:https://nodejs.org/en/download/

安裝完成后,打開命令行,輸入:node -v,如果結果為版本號,表明安裝成功

 $ node -v
 v6.10.3

cnpm 設置

國內使用npm時有時速度很慢,推薦使用cnpm替代,使用方法和npm一樣,鏈接:淘寶 NPM 鏡像

$ npm install -g cnpm --registry=https://registry.npm.taobao.org
$ cnpm -v
cnpm@5.1.1 (/usr/local/lib/node_modules/cnpm/lib/parse_argv.js)
npm@5.3.0 (/usr/local/lib/node_modules/cnpm/node_modules/npm/lib/npm.js)
node@6.10.3 (/usr/local/bin/node)
npminstall@3.1.1 (/usr/local/lib/node_modules/cnpm/node_modules/npminstall/lib/index.js)
prefix=/usr/local
darwin x64 17.2.0
registry=http://registry.npm.taobao.org

Cesium代碼

  1. 下載官方包 地址,由於總所周知的原因,速度很感人

  2. 百度雲鏈接 密碼: 9g73 版本1.40

  3. 如果想了解最新的進展可以直接克隆 github 上的代碼 github地址
    注意有些特性在分支版本里面才有,
    Jietu20171220-220431.jpg

獲取安裝包之后

  1. 解壓
  2. 打開命令行,進入當前目錄
  3. 安裝依賴,輸入:cnpm install,等待安裝完成,然后輸入: node server.js
$ cd ./Cesium-1.40
$ cnpm install
 ...
 Installed 37 packages
 Linked 569 latest versions

$ node server.js
Cesium development server running locally.  Connect to http://localhost:8080/

打開瀏覽器,輸入 http://localhost:8080/ (瀏覽器必須支持webgl,推薦使用chrome)
如果出現
Jietu20171220-222947.jpg

  1. 到這里,環境搭建完成。

推薦使用編輯器

如果單純的學習如何使用的話,使用http://localhost:8080/Apps/Sandcastle/index.html應該就夠了,如果要使用編輯器的話,推薦使用vscode.

使用說明

環境搭建好之后,輸入 http://localhost:8080/ 有兩個鏈接非常重要

Documentation

Sandcastle

Documentation

里面是Cesium的完整的API說明,里面可以找到:

  • 某一個模塊的所有函數,屬性
  • 部分效果截圖
  • 部分函數,屬性調用代碼示例

缺點:搜索功能不夠強大

Sandcastle

這個就厲害了,是一個沙盒,你可以在里面

  • 瀏覽當前版本的一些功能特性
  • 一個可運行的代碼庫
  • 新建一個頁面,進行代碼測試
  • 導出測試代碼
  • ...

推薦的學習方式

  1. 先瀏覽一遍沙盒里的所有示例,Cesium能做什么,做成什么樣,心里有數
  2. 做自己需要的功能時,查找到相關示例代碼,弄懂,最好瀏覽一遍用到的模塊的API
  3. 如果是深入研究的話,就需要有對WebGL有更深層次的了解
  4. 用它做自己感興趣的項目。。。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM