Eceead44622bfbc77c2c51ffb15931f1
Cesium数据可视化-仓储调度系统可视化部分(附github源码)

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;
}

top Created with Sketch.