[发明专利]一种基于地图JS技术实现轨迹动态播放的方法

说明书

一种基于地图JS技术实现轨迹动态播放的方法，包括以下步骤：步骤一、画轨迹线：基于后台提供的数据绘制路线图，生成轨迹线路；步骤二、标注点：在地图轨迹线路上添加标注点，然后用特殊样式区分一些特殊点；步骤三、实现匀速播放：增加轨迹播放功能，分割定位点实现匀速播放、暂停流畅操作；步骤四、在实现了播放的基础上，快进一个或多个位置点，暂停并展示当前位置点数据，如已到达终点，则重新从起点开始；本发明提供了一种基于地图JS技术实现轨迹动态播放的方法。该方法既能满足用户一个良好的交互体验，又能对定位轨迹进行细致的数据分析，可以直观准确的提供给用户所需要的重点信息。

技术领域

本发明涉属于互联网web前端开发领域，具体的说是一种基于地图JS技术实现轨迹动态播放的方法。

背景技术

在现实生活中，有些场景需要通过互联网手段根据定位轨迹来进行一些数据分析。比如通过人员定位获取的轨迹数据中，可以对定位时间、地理位置、停留时长、下一个位置点的距离等进行详细分析，这是一种非常有价值的数据分析。另外在这个过程中，网页同用户之间需要构建一个良好的交互环境。现有技术基本都是简单的实现轨迹的匀速播放，存在以下不足：

1、如果对轨迹的回放过程要求更高，想去得到某些位置点的详细定位数据，只做简单的匀速播放是不能满足的。

2、只匀速播放，不关注轨迹的真实距离，容易导致播放时间过长。

3、简单的轨迹回放，达不到良好的用户体验效果。

发明内容

为了解决现有技术问题的不足，本发明提供了一种基于地图JS技术实现轨迹动态播放的方法。该方法既能满足用户一个良好的交互体验，又能对定位轨迹进行细致的数据分析，可以直观准确的提供给用户所需要的重点信息。

为了实现上述目的，本发明采用的技术方案为，包括如下步骤，

一种基于地图JS技术实现轨迹动态播放的方法，包括以下步骤：

步骤一、画轨迹线：基于后台提供的数据绘制路线图，生成轨迹线路；

步骤二、标注点：在地图轨迹线路上添加标注点，然后用特殊样式区分一些特殊点；

步骤三、实现匀速播放：增加轨迹播放功能，分割定位点实现匀速播放、暂停流畅操作；

步骤四、在实现了播放的基础上，快进一个或多个位置点，暂停并展示当前位置点数据，如已到达终点，则重新从起点开始；

步骤五、后退一个或多个位置点，暂停并展示当前位置点数据；如在起点，则不能执行此操作；

步骤六、通过暂停、快进、后退的操作方式，展示定位时间、停留时长、事件位置，即完成整个轨迹回放流程。

为了进一步实现本发明，还可以采用以下技术方案：所述的步骤一中的数据为一定格式规则的JSON数据，包含查询时间内的起始时间、查询时间内所有定位的经纬度及在此段时间内发生的事件。所述的步骤一中的路线图是通过polyline 方法绘制。所述的步骤二中的特殊样式是不同的颜色。所述的步骤三中速度是通过轨迹整体的长度，以及地图当前级别，计算得出速度；得出速度之后，将两个轨迹点之间做均匀分割，基于两个点的经纬度求出距离，除以步长得到总分割数。

本发明的有益效果为：本发明既能满足用户一个良好的交互体验，又能对定位轨迹进行细致的数据分析，以一种可暂停、前进、后退的播放轨迹的方式，通过展示定位时间、停留时长、具体位置点等数据，更直观准确的提供给用户所需要的重点信息。

附图说明

图1为本发明流程图；

图2为本发明实施例在轨迹上添加标注点示意图；

图3为本发明实施例效果示意图。