天天看點

震驚,偶像大神親自上場,Cesium 50個執行個體集合,講解、分析(内附源碼)

本系列教程出自我的偶像,軍神,哈哈哈,偶像位址: https://xiaozhuanlan.com/topic/0834596127

Cesium

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

震驚,偶像大神親自上場,Cesium 50個執行個體集合,講解、分析(内附源碼)

Cesium-Project

為友善快速測試 Cesium Demo使用,添加了一些示範demo并且提供了webpack打包的示例。

例概要說明:

1.Draw.js 動态繪制 點、線、面

2.Scanning.js 一個簡單的掃描功能

3.Spline.js 樣條插值

4.HeightProperty.js 一個類似淹沒分析的效果

5.VectorTile.js 矢量切片加載

6.Ellipsoids.js 圓特效

7.Sensor.js 傳感器,可設定角度,位置等

8.PolylineArrow.js 動态線效果

9.VolumesCZML.js 加載czml檔案 支援傳感器等動畫特效

10.VolumesApi.js VolumesApi 調用效果

11.Fly.js 繞點飛行

12.Radar.js 氣象雷達動态圖

13.VisibleAnalysis.js 通視分析

14.EagleEye.js 鷹眼地圖

15.Measure.js 測量

16.Translucency.js 地球半透明,可做地下管線、礦山項目

17.Interior.js 地球内部,結合VectorTile.js會出很牛的效果

3dtiles加載

可視域分析_3DTiles

站心坐标轉WGS84

操作說明:

1.npm初始化第三方庫

震驚,偶像大神親自上場,Cesium 50個執行個體集合,講解、分析(内附源碼)

npm install
      
  • 1

2.在根目錄建立檔案夾,檔案夾名稱為“ThirdParty” 。

3.将根目錄下“node_modules\cesium\Build\Cesium”拷貝到“ThirdParty” 下。

4.編譯

npm run build
      

5.運作

npm run start
      

注:可以不要“2”、“3”步驟的,隻是為了初學者能更快的找到源碼位置。

各位小夥伴,心動如心動,趕緊來來,燥起來,讓我一起跟着大牛學習起來。

繼續閱讀