Cesium簡介以及離線部署運行

來源:互聯網
上載者:User

標籤:sheet   java   2.4   com   cli   graph   releases   cal   tomcat   

Cesium簡介

 

cesium是國外一個基於JavaScript編寫的使用WebGL的地圖引擎,一款開源3DGIS的js庫。cesium支援3D,2D,2.5D形式的地圖展示,可以自行繪製圖形,高亮地區,並提供良好的觸摸支援,且支援絕大多數的瀏覽器和mobile,但是由於cesium基於WebGL來渲染3D的,所以對瀏覽器有要求,必須支援WebGL才行。參照cesium官網的說明文檔,瀏覽器支援版本:IE11或者以上、Google、Firefox版本比較進階等等,其實測試瀏覽器支不支援,運行demo就可以測試,會提示的,不支援的話。

由於個人剛研究cesium,簡單的談談個人對cesium的淺見:

優點:

  1. 開源,開源,開源,可以研究原始碼以及針對性對原始碼進行一些修改工作,cesium原始碼github地址:https://github.com/AnalyticalGraphicsInc/cesium/tree/1.29;
  2. cesiumAPI版本更新頻率高,幾乎每個月一個版本,說明cesium人氣高;

Version

Download

Date

Notes

1.29

Cesium-1.29.zip (42.51 MB)

2017-01-02

  • Blog post
  • Source
  • Documentation, Code Examples, Tests, etc.

1.28

Cesium-1.28.zip (42.40 MB)

2016-12-01

  • Blog post
  • Source
  • Documentation, Code Examples, Tests, etc.

1.27

Cesium-1.27.zip (42.65 MB)

2016-11-01

  • Blog post
  • Source
  • Documentation, Code Examples, Tests, etc.

……

     

b5

Cesium-b5.zip (18.68 MB)

2012-05-15

  • Source

 

  1. cesium展示地圖資料效果比較好,解析2D地圖各種不同服務類型的資料來源,比如百度地圖、天地圖、arcgis地圖、BingMap、openStreetMap、MapBox等等;解析地形圖載入;解析3D模型,包括動態載入以及3Dtitles切片形式載入展示,尤其是3Dtitles,大大的加快了展示3D模型的展示效率;
  2. Cesium封裝部分地圖控制項,直接調用即可,不用自己寫;
  3. ……

缺點:

  1. 跟商業3DGIS軟體對比,比如skyline,cesium三維分析功能太弱了,不排除我自己對cesium瞭解不夠深的可能性;據我所知, cesium官網關於三維分析的例子幾乎沒,都是以展示資料以及渲染資料為主的例子,希望官網後續的API版本對三維分析重視。
  2. 沒有提供標繪工具Draw,2DGIS一般都是提供Draw工具的,比如arcgis api以及openlayer api;cesium想要繪製點、線、面,只能通過代碼來繪製,貌似不能線上手動畫;
  3. 沒有地圖量算工具、地圖比例尺、拉框縮放等,這些地圖基本工具,在cesium都需要自己來寫實現;
  4. ……

 

CesiumAPI離線部署運行

 

 

1.cesium官網下載cesiumAPI解壓包,解壓之後的目錄如下:

裡麵包括編譯後的Build檔案夾以及cesium api原始碼Source檔案夾

 

2.cesium離線部署運行,這裡我的運行demo項目開發環境為:myeclipse+tomcat

拷貝cesiumAPI解壓的編譯後整個檔案夾進來我的demo項目,檔案夾命名為cesiumAPI

 

3.3dmap.jsp頁面載入cesiumAPI運行測試

1)地圖頁面引用cesium需要的css以及js檔案即可生效

<!-- CESIUM樣式以及JS檔案 --><script src="${pageContext.request.contextPath}/js/map/cesiumjs/cesiumAPI/Cesium.js"></script><link href="${pageContext.request.contextPath}/js/map/cesiumjs/cesiumAPI/Widgets/widgets.css" rel="stylesheet" type="text/css" />

2)建立地圖以及展示代碼:

Var  viewer = new Cesium.Viewer(“cesiumContainer”);

 

4.運行效果:

 

 

 

Cesium簡介以及離線部署運行

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.