cesiumjs開發實踐 (一)

                   cesiumjs 簡介、開發環境搭建   羣號:309141738

摘要
Cesiumjs 是一套javascript庫,用來渲染3D地球,2D區域地圖,和多種GIS要素。不需要安裝任何插件就能在支持最新HTML5標準的瀏覽器上運行。支持WebGL硬件加速,非常適合動態數據在GIS圖層上的展示,是一個跨平臺,開源,非常有前途的webgis表現層庫。

     Cesiumjs 是一套javascript庫,用來渲染3D地球,2D區域地圖,和多種GIS要素。不需要安裝任何插件就能在支持最新HTML5標準的瀏覽器上運行。支持WebGL硬件加速,非常適合動態數據在GIS圖層上的展示,是一個跨平臺,開源,非常有前途的webgis表現層庫。

     Cesiumjs源自 Analytical Graphics, Inc. (AGI) 公司爲他們客戶開發一個虛擬地球項目,後來將cesium項目貢獻給開源社區並一直活躍開發中。(AGI 開發的 STK Terrain Server 是一種針對Cesium-應用的流式高分辨率服務器)另一個公司級的貢獻者是NICTA (National ICT Australia) 澳大利亞最大的信息與通訊技術中心,NICTA的員工們貢獻了瓦片地圖服務、地形處理等cesium的核心功能。並一直使用cesium開發環境監測分析、交通基礎設施建模仿真優化等領域的應用。

      Cesiumjs託管在著名的社交編程平臺github上,地址爲https://github.com/AnalyticalGraphicsInc/cesium,

本機上裝有git客戶端後,可以clone整個工程到本地目錄,大概300多M。根據根目錄下的.project文件得知可以用eclipseIDE打開

右鍵單擊build.xml,選擇Run As--》Ant Build

在彈出對話框中選擇build,點OK。

生成過程大概20分鐘,包括了文檔的生成。生成完後在根目錄新增了一個Build目錄,裏面包含:

Apps -   Viewer的例子程序

Cesium - 最小化的cesium庫js文件

CesiumUnminified - 非最小化的cesium庫js文件(用於調試目的)

Documentation - html版的API文檔

stubs - (暫時不知道用途)

HelloWorld.html - 最簡單的例子

index.html - 起始頁面,包含hello world例子和文檔入口

minifyShaders.state - (暫時不知道用途)

server.js - 啓動一個最簡單的http服務器的nodejs腳本,監聽在8080端口

    http服務器可以使用任何一種標準的Web服務器,如IIS, Apache, Nginx等等,設定webroot指向Build目錄即可。啓動後訪問http://localhost:88 (假設監聽端口爲88)即可看到如下頁面


點擊Hello world後進入一個最簡單的cesium演示

左鍵拖動,右鍵縮放,中鍵旋轉視角,默認地圖覆蓋爲Bing地圖,至此一個最簡單的cesium應用搭建完畢。

如要查看cesium所支持的所有功能,可以設定web服務器的webroot指向根目錄下Apps(非Build/Apps)目錄,然後在瀏覽器中進入Sandcastle連接。Sandcastle是一個cesium特性演示環境,同時是可以修改代碼即時看到效果的沙箱(sandbox)。

     cesium開發環境搭建先介紹到這裏,下一篇《cesiumjs開發實踐(二) Viewer控件》


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章