高德地图热力图动态加载加载

遇到瓶颈了，求思路

产品需求

有一个需求，是动态加载时间段内的热力图，产品看了别人的效果想出来的
比如数据是5分钟采集一次；起止时间选2023-02-01 08:00:00--2023-02-01 10:00:00；
需要显示这段时间内的热力图；并且可以用进度条控制播放、停止、速度切换；

这里有调倍速的

获取2023-02-01 08:00:00--2023-02-01 10:00:00时间段内所有的数据，从8点开始，依次加载对应时间段内的数据，地图上渲染效果叠加；
进度条是对应时间段内的时间值；

使用vue、element ui、高德地图；

本质上是对数据的切换。你需要根据进度条的位置。给出不同的数据。你的数据应该带折时间呢吧。时分秒都要带。然后根据进度条位置对数据进行过滤，处理。赋值给热力图。倍速就是加快进度条的速度。你这个可以取看看echarts 的例子

其实本质和这个挺像的主要也是数据切换

时间轴只是个让你知道当前播放的位置，然后进行数据切换。