Vue中使用高德地图实现单人实时轨迹(方式一)--点标记方式闪动

lijinglianging

于 2019-10-14 18:02:03 发布

阅读量2.9k

点赞数 4

文章标签： vue 高德地图实时轨迹单人

本文链接：https://blog.csdn.net/jinglianglove/article/details/102553480

版权

#Vue中使用高德地图实现单人实时轨迹(方式一)

思路：要想实现人员实时效果那么第一种简单的思路就是，点标记的一闪一闪效果，用轮询或者webscoket不断从后台获取坐标数据，清理点标记，在绘制点标记。

如果你还不知道如何引入和配置高德地图请参考本人博客：https://lbs.amap.com/api/javascript-api/example/marker/replaying-historical-running-data

data中的数据

      h3tit: "人员轨迹",
      timer: null,//单人定时
      manyTime:null,//多人实时
      markerSpeed: 200,
      speedCount: 1,
      pName:'---',
      lineArr: [
        [116.478935, 39.997761],
        [116.478939, 39.997825],
        [116.478912, 39.998549],
        [

最低0.47元/天解锁文章