Cesium數據可視化-倉儲調度系統可視化部分

目的

倉儲調度系統需要一個可視化展示物資運輸實況的界面，需要配合GPS設備發送的位置信息，實時繪制物資運輸情況和倉儲倉庫。因此，使用Cesium可視化該數據。

說明

這只是開發過程中的原型系統。

原理簡介

點，線，圖片的繪制就不細說了。

動態點繪制是利用Entity的position屬性可以制定某時間點的出現位置，形成動畫效果。

核心代碼如下：

/** * 計算 property * @param source * @returns {SampledPositionProperty|*} */ function computeFlight(source) { // 取樣位置 相當于一個集合 var property = new Cesium.SampledPositionProperty(); property.setInterpolationOptions({ interpolationAlgorithm: Cesium.LagrangePolynomialApproximation, interpolationDegree: 2 }); for (var i = 0; i < source.length; i++) { var time = Cesium.JulianDate.addSeconds(start, source[i].time, new Cesium.JulianDate); var position = Cesium.Cartesian3.fromDegrees(source[i].longitude, source[i].dimension, source[i].height); // 添加位置，和時間對應 property.addSample(time, position); } return property; }// 動態點 viewer.entities.add({ position: property, name: "復興號", description: "運載量：100t", path: { show: true, leadTime: 0, trailTime: 10, width: 5, resolution: 5, material: new Cesium.PolylineOutlineMaterialProperty({ color: Cesium.Color.fromAlpha(Cesium.Color.RED, 1), outlineWidth: 1, outlineColor: Cesium.Color.red }) }, availability: new Cesium.TimeIntervalCollection([new Cesium.TimeInterval({ start: Cesium.JulianDate.addSeconds(start, data[j][0].time, new Cesium.JulianDate), stop: Cesium.JulianDate.addSeconds(start, data[j][data[j].length - 1].time, new Cesium.JulianDate), isStartIncluded: true, isStopIncluded: false, data: Cesium.Cartesian3.fromDegrees(110, 39) })] ) });

具體詳情讀源碼即可

更多詳情見下面鏈接：

Cesium數據可視化-倉儲調度系統可視化部分(附github源碼) － 小專欄?xiaozhuanlan.com

文章尾部提供源代碼下載，對本專欄感興趣的話，可以關注一波

GIS之家店鋪：GIS之家

GIS之家源碼咨詢：GIS之家webgis入門開發系列demo源代碼咨詢

總結

以上是生活随笔為你收集整理的github可视化_Cesium数据可视化-仓储调度系统可视化部分(附github源码)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。