06-Cesium相机跟踪移动实体

<!--
 * @Author: your name
 * @Date: 2021-05-13 21:02:13
 * @LastEditTime: 2021-05-17 19:51:32
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \cesium-vue\src\components\PointEntity\index.vue
-->
<template>
  <div></div>
</template>
<script>

import * as Cesium from 'cesium/Cesium'

// 走廊
export default {
  data: function () {
    return {
      label: '',
      start: '',
      lon: 120.0,
      lat: 40.0,
      stop: '',
    }
  },
  props: {
    viewer: Object
  },
  mounted() {
    this.init();

  },
  methods: {
    init() {
      this.addPath();
      let position = this.createPath();
      console.log(position);
      let { viewer, start, stop } = this;
      let path = this.viewer.entities.add({
        position: position, // 这里的position为new Cesium.SampledPositionProperty
        orientation: new Cesium.VelocityOrientationProperty(position), // 根据所提供的速度计算模型的朝向

        model: {
          uri: '/gltf/qiche.gltf'
        },
        path: {
          resolution: 60,
          leadTime: 1,
          trailTime: 1,
          material: new Cesium.PolylineGlowMaterialProperty({
            glowPower: 1,
            color: Cesium.Color.ORANGE
          }),
          width: 3
        },

      })
      viewer.trackedEntity = path

    },
    addPath() {
      let { viewer } = this;
      // 起始时间
      let start = Cesium.JulianDate.now()
      this.start = start;
      // 结束时间
      let stop = Cesium.JulianDate.addSeconds(start, 360, new Cesium.JulianDate())
      // 设置时钟开始时间
      viewer.clock.startTime = start.clone()
      // 设置始终停止时间
      viewer.clock.stopTime = stop.clone()
      // 设置时钟当前时间
      viewer.clock.currentTime = start.clone()
      // 循环执行,即为2，到达终止时间，重新从起点时间开始,不會調用onStop方法
      viewer.clock.clockRange = Cesium.ClockRange.LOOP_STOP
      // 时间速率，数字越大时间过的越快
      viewer.clock.multiplier = 10
      // 时间轴
      viewer.timeline.zoomTo(start, stop)
    },
    //创建飞机飞行路线
    createPath(lon, lat) {
      let property = new Cesium.SampledPositionProperty()
      for (let i = 0; i < 10; i++) {
        let time = Cesium.JulianDate.addSeconds(this.start, i * 60, new Cesium.JulianDate())
        let position = Cesium.Cartesian3.fromDegrees(this.lon, this.lat + i * 0.1, 1750)
        property.addSample(time, position)
      }
      return property
    }

  }

}
</script>

<style>
</style>