cesium绘制路线,然后模型根据路线运动动画

发布于 2023-04-23 15:31:48

我想实现cesium鼠标绘制路线,然后模型根据路线运动动画效果

查看更多

关注者
0
被浏览
1.3k
2 个回答
sdd_xiao
sdd_xiao 2023-04-26
这家伙很懒,什么也没写!

绘制路线生成路径,随后添加无人机模型,无人机位置可以使用Cesium.CallbackProperty方法实时更新

地虎降天龙
地虎降天龙 图形社区官方人员 2023-04-24
也许宇宙中最反直觉的真理是,你给别人的越多,你得到的也越多。

简略回答一下哈
1、借助绘图控件完成鼠标绘制路线,推荐类似这种CesiumDrawHelper
2、获得点的集合后,

// 设置起始时间
    const start = Cesium.JulianDate.fromDate(new Date(2022, 4, 26, 16))
    const stop = Cesium.JulianDate.addSeconds(start, flyPath.length, new Cesium.JulianDate())
// 计算飞行的path
    function computeFlightPath() {
      const property = new Cesium.SampledPositionProperty()
      for (let i = 0; i < flyPath.length; i++) {
        const time = Cesium.JulianDate.addSeconds(start, i, new Cesium.JulianDate())
        const position = Cesium.Cartesian3.fromDegrees(
          flyPath[i][0],
          flyPath[i][1],
          flyPath[i][2]
        )
        property.addSample(time, position)
      }
      return property
    }
// 之后增加飞机模型
    const airPlaneEntity = viewer.entities.add({
      id: id,
      availability: new Cesium.TimeIntervalCollection([
        new Cesium.TimeInterval({
          start: start,
          stop: stop
        })
      ]),
      position: position,
      orientation: new Cesium.VelocityOrientationProperty(position),
      model: {
        uri: uri,
        minimumPixelSize: 64,
        maximumScale: 10
      }
    })

以上为部分精简代码,可以参考完成。

撰写答案

请登录后再发布答案,点击登录

发布
问题

分享
好友

手机
浏览

扫码手机浏览