js室内地图开发_如何使用JS来开发室内三维地图的轨迹回放功能

在制作完成室内三维地图的功能后，最经常有的需求就是如何做人员的轨迹回放，一般流程都是从数据库中查询轨迹坐标后，经过后台查询接口返回给前端，接下来的事情都交给JS来完成。

如果想做好一个性能好的轨迹回放功能，还是很有技术含量的，比如我要加一个时间轴，可以随时拖动时间查询，然后能快速响应显示人的轨迹？

这就需要借鉴视频播放的思路了，每次从后台请求人员位置数据的时候只请求30分钟的(每分钟3条)，然后检查轨迹队列里面是否少于10条，少于的时候就再次请求接下来30分钟的，这样就能保证后台能够每次只查小批量的数据，

能够快速响应返回，当用户拖动播放条时，浪费的人员查询数据就会少很多，这样给用户体验上会感觉好很多。

此篇文章先从实现使用ESMap地图SDK开发一个人的轨迹回放功能开始，有时间轴的后期再分析介绍。

开发过程如下图流程：

若有不足，欢迎指正。

首先创建好地图后，我在地图上增加了楼层控制控件、放大缩小控件和二三维切换控件。如下图：

做好初步准备工作后开始我的轨迹回放界面书写。

1.创建后台json数据，并引入数据

利用ESMap地图平台的地图点击事件在地图上根据自己规划的路线进行采点收集，然后整理成自己需要的json数据，我的json文件命名为data.json。

//根据地图点击事件 规划路线 采点收集

map.on('mapClickNode'