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

Question

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

遇到瓶颈了，求思路

产品需求

有一个需求，是动态加载时间段内的热力图，产品看了别人的效果想出来的
比如数据是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、高德地图；

Answer 1

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

https://echarts.apache.org/examples/zh/editor.html?c=heatmap-bmap

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

https://echarts.apache.org/examples/zh/editor.html?c=area-simple
https://echarts.apache.org/examples/zh/editor.html?c=mix-timeline-finance

https://blog.csdn.net/qq_34013220/article/details/100535889

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