Cesium进阶-利用时间轴模拟历史轨迹

Ces i u m提供了Clock，可以对任意时间段内的球进行设置。同时，提供timeline，用于进行对目标时间段内的场景进行回放。

为了更好的利用Clock，Cesiu m还提供了其它类型，这些类型可以支持设置指定Ju li a nDa t e时间点上做特定的事情。

例如：SamplePosi t ionPrope rt y，根据官方文档释义，是SamplePrope r t y和Posi t io nPro per ty的结合。而SamplePr o per ty，更是与Ju li a nDate分不开：A Property w h ose value is interpolate d f or a given time fro m the provide d set o f samples and spe ci f ied int erp ol atio n algo rithm and de gree.

PositionProp erty更容易理解，支持笛卡尔坐标系（Ca rte sian3）。

我实现实施轨迹的思路，就是利用SamplePositionProperty与Clock和TimeLine。

已知条件：1.历史轨迹线

2.每一段的行驶速度（或每一个节点的经过时间）

实现思路：将每一个节点的位置与时间添加至SamplePo sit ionProperty中

const property = new Cesium.SampledPositionProperty();
for (let i = 1; i < this.stops.length; i++) {
  property.addSample(this.stops[i].time,this.stops[i].position)
}

显示方案：将SamplePositionProperty作为Entity的Position 添加至Scene中：

  this.planeRouteEntity = this.viewer.viewer.entities.add({
      //与时间轴关联
      availability:new Cesium.TimeIntervalCollection([new Cesium.TimeInterval({
        start:{起始时间},
        stop: {截止时间}
      })]),
      position:this.planeSampleProperty,
      //根据速度计算点
      orientation: new Cesium.VelocityOrientationProperty(this.planeSampleProperty),
      // model:{
      //   show:new Cesium.CallbackProperty(()=&gt;{return this.isThirdPersonal || this.viewFollowBack},false) ,
      //   uri: GlobalConfig.PlaneGLTFServer,
      //   scale: 1,
      //   minimumPixelSize: 128,
      // },
      //轨迹路径线
      path:{
        show: new Cesium.CallbackProperty(()=&gt;{return this.isThirdPersonal},false) ,
        leadTime: 0,
        trailTime: Number.POSITIVE_INFINITY,
        width: 5,
        resolution: 1,
        material: new Cesium.PolylineGlowMaterialProperty({
          glowPower: 0.3,
          color: Cesium.Color.fromBytes(0,255,255),
        })
      }
    })