cesium轨迹追踪

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了cesium轨迹追踪相关的知识,希望对你有一定的参考价值。

参考技术A 本文只实现了轨迹跟踪的方法,加载cesium初始化自行配置,目前推送以定时器实现,实践可以通过websocket推送接收数据,
注:
timeStep(目标为定值,全局变量,也自行可计算)
multiplier(设定播放速度)
其他本文中出现的变量如果没有找到初始值,全局自定义即可。

//
creatModelDemo()
var that = this
// 测试数据
that.trackList = [
lon: 120, lat: 30 ,
lon: 120.1, lat: 31 ,
lon: 120.2, lat: 29 ,
lon: 120.3, lat: 25 ,
lon: 120.4, lat: 31 ,
lon: 120.5, lat: 27 ,
lon: 120.6, lat: 32 ,
lon: 120.7, lat: 30 ,
]
that.start = Cesium.JulianDate.fromDate(new Date(2021, 10, 11, 15)) //开始时间new Date(2021, 10, 11, 15)中国标准时间
// var stop = Cesium.JulianDate.fromDate(new Date(2021, 10, 11, 16));
// that.timeStep = (endTime -startTime)/that.trackList.length-1 //时间间隔
var totalSeconds = that.timeStep * (that.trackList.length - 1) //总时长
var stop = Cesium.JulianDate.addSeconds(
that.start,
totalSeconds,
new Cesium.JulianDate()
) //结束时间
viewer.clock.startTime = that.start.clone() //定义clock开始时间
viewer.clock.currentTime = that.start.clone() //定义clock开始时间
viewer.clock.stopTime = stop.clone() //定义clock结束时间
// 定义动画播放类型
viewer.clock.multiplier = that.multiplier
viewer.clock.clockStep = Cesium.ClockStep.TICK_DEPENDENT
viewer.clock.clockRange = Cesium.ClockRange.CLAMPED //LOOP_STOP:循环;CLAMPED:到达暂停;UNBOUNDED:到达后退
viewer.clock.shouldAnimate = true //启动动画
// 定义位置状态
that.positionProperty = new Cesium.SampledPositionProperty()
// 插值
that.positionProperty.setInterpolationOptions(
interpolationDegree: 1,
interpolationAlgorithm: Cesium.LagrangePolynomialApproximation,
)
// todo
function getMidpoint(time, result)
// console.log(that.vehicleEntity.position.getValue(time, result),"获取当前位置")
// Get the end position from the polyLine's callback.
var endPoint = that.vehicleEntity.position.getValue(time, result)
// console.log(endPoint)
var ellipsoid = viewer.scene.globe.ellipsoid
// var cartesian3=new Cesium.cartesian3(x,y,z);
var cartographic = ellipsoid.cartesianToCartographic(endPoint)
var lat = Cesium.Math.toDegrees(cartograhphic.latitude)
var lng = Cesium.Math.toDegrees(cartograhpinc.longitude)
var alt = cartographic.height
// console.log(lat, lng, alt)
// endCartographic = Cesium.Cartographic.fromCartesian(endPoint);

以上是关于cesium轨迹追踪的主要内容,如果未能解决你的问题,请参考以下文章

基于 React hooks + Typescript + Cesium 的 三维 webgis 实战系列教程

Cesium官方教程11--建模人员必读

Cesium 自定义Material 系列 (五)

Cesium官方教程10--高级粒子特效

Cesium官方教程10--高级粒子特效

cesium是啥