百度地图js 画运行轨迹之放大地图层级后自动刷新时仍保持最大层级状态（一）

最新推荐文章于 2023-01-02 17:35:30 发布

chyna0

最新推荐文章于 2023-01-02 17:35:30 发布

阅读量3k

点赞数

分类专栏：百度地图文章标签：百度地图js 运行轨迹 zoom

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

版权

本文介绍如何使用Vue项目结合百度地图JS API，实现后台数据绘制运行轨迹并自动刷新。在地图缩放后，保持放大层级不变，并确保所有轨迹点始终在可视范围内。文中探讨了数据量大时的性能优化问题。

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

做了一个vue的手机项目，有部分是关于研究百度地图的。需求是：

1.后台取数，前端根据数组坐标画运行轨迹。

2.前端需要让其运行轨迹自动刷新，频率是30s.（最好的方式实时展示到页面上。现在都是大数据的时代，在数据大的情况下，会出现卡死的情况，还需要在研究）

3.地图可以放到层级，但是在自动刷新时，又回到了一开始设置的那种级别，想要是在放大层级后，仍能保持当前状态。

4.所有的点要在可视范围内显示。下面就一一说明：

1.前端vue页面设置：

在data 中初始化一个对象：

changeBaidu:{
    isZoomed:false,//默认没有进行zoom操作
    currentZoom:17,//默认层级
},
在methods方法中ajax成功回掉中进行调用：

关注

专栏目录