github可视化_Cesium数据可视化-仓储调度系统可视化部分(附github源码)
生活随笔
收集整理的這篇文章主要介紹了
github可视化_Cesium数据可视化-仓储调度系统可视化部分(附github源码)
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
Cesium數(shù)據(jù)可視化-倉(cāng)儲(chǔ)調(diào)度系統(tǒng)可視化部分
目的
倉(cāng)儲(chǔ)調(diào)度系統(tǒng)需要一個(gè)可視化展示物資運(yùn)輸實(shí)況的界面,需要配合GPS設(shè)備發(fā)送的位置信息,實(shí)時(shí)繪制物資運(yùn)輸情況和倉(cāng)儲(chǔ)倉(cāng)庫(kù)。因此,使用Cesium可視化該數(shù)據(jù)。
說(shuō)明
這只是開發(fā)過(guò)程中的原型系統(tǒng)。
原理簡(jiǎn)介
點(diǎn),線,圖片的繪制就不細(xì)說(shuō)了。
動(dòng)態(tài)點(diǎn)繪制是利用Entity的position屬性可以制定某時(shí)間點(diǎn)的出現(xiàn)位置,形成動(dòng)畫效果。
核心代碼如下:
/** * 計(jì)算 property * @param source * @returns {SampledPositionProperty|*} */ function computeFlight(source) { // 取樣位置 相當(dāng)于一個(gè)集合 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); // 添加位置,和時(shí)間對(duì)應(yīng) property.addSample(time, position); } return property; }// 動(dòng)態(tài)點(diǎn) viewer.entities.add({ position: property, name: "復(fù)興號(hào)", description: "運(yùn)載量: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數(shù)據(jù)可視化-倉(cāng)儲(chǔ)調(diào)度系統(tǒng)可視化部分(附github源碼) - 小專欄?xiaozhuanlan.com文章尾部提供源代碼下載,對(duì)本專欄感興趣的話,可以關(guān)注一波
GIS之家店鋪:GIS之家
GIS之家源碼咨詢:GIS之家webgis入門開發(fā)系列demo源代碼咨詢
總結(jié)
以上是生活随笔為你收集整理的github可视化_Cesium数据可视化-仓储调度系统可视化部分(附github源码)的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 导入训练好的决策树文件_决策树在skle
- 下一篇: 系统通知并发问题_iOS 14 系统又出