历史巡检视频和历史巡检轨迹同步

需求:

 

如果所示，点击选择任务后会获取对应的历史视频和轨迹回放视频，要做的就是历史视频和轨迹同步，拖动视频进度条轨迹也进行到相应的位置

 

实现方法：

①:首先从后端接口获取数据：

 

 outOfChina是用于判断点是否在中国境内，route1是处理好的轨迹数据

②：先用空数据加好需要用到的图层：这里我们一共要加3个source和layer:分别是全部轨迹，已经进行完的轨迹，无人机的实时数据

 

 

 

 

 

 

 

 

 

 

 

这个是用vue3写的  上面定义的两个变量是在这个data里面定义的

③：根据视频组件里的handleAiTime方法来获取实时的播放时间currentTime与总播放时间 duration  这个方法是在视频播放的过程中一直执行和返回数据的

根据这个方法来写轨迹，视频组件用的可能不一样，但是只要找到能一直获取到currentTime与duration的方法就好，代码写的挺仔细的 data.animateList在上面贴的代码里有  

大佬们一定可以看的懂