百度地图js 画运行轨迹之运行轨迹取增量数组坐标值画线（二）

最新推荐文章于 2023-09-20 10:07:50 发布

chyna0

最新推荐文章于 2023-09-20 10:07:50 发布

阅读量3.9k

点赞数 1

分类专栏：百度地图文章标签：运行轨迹 GPS转百度坐标增量画线百度地图

本文链接：https://blog.csdn.net/skywqnan/article/details/79025308

版权

为了提高性能，本文介绍如何在自动刷新时，通过计算两次获取的GPS坐标值的差值来绘制百度地图上的运行轨迹，避免每次都调用全部数组值。

摘要由CSDN通过智能技术生成

自动刷新的时候每次要是调用后台全部的数组值，性能会比较的稍低些。进行优化，就是将每次自动刷新的时候，第二次获得的数值坐标值减去第一次的数组坐标值的差值数值，将这些值画线，会提高性能。

1.前端vue页面设置：

在methods方法中ajax成功回掉中进行调用：

if(that.oldTracks ){
                                that.middle= result.Tracks.slice(that.oldTracks.length-1);

                            }else{
                                that.middle=result.Tracks;
                            }
                            that.oldTracks =result.Tracks;

                            common.routeMap(that.mapInstane,that.middle,result,changeBaidu);

还有一点就是需要在刷新的时候不要清除全部的线在重新画，需要画增量线，先将上一个最后的车图标清除