当前位置: 代码迷 >> 综合 >> Vue集成 Vue Baidu Map 坐标在左上角问题解决方案
  详细解决方案

Vue集成 Vue Baidu Map 坐标在左上角问题解决方案

热度:67   发布时间:2024-01-28 02:36:50.0

百度地图加载出来的时候,地图中心点偏移到左上角。

主要是因为加载顺序的问题。地图的渲染在模态框出来之前,因此模态框还未渲染完成,地图的相对定位就会造成偏差。

解决的方法使用 setTimeout ;在模态框出来之后再加载地图,问题解决。

具体代码如下:

show (params) { //模态框显示时调用的方法let _this = this;this.showModal = truesetTimeout(function () {//设置经纬度_this.postionMap={lng:params.lng,lat:params.lat};//业务需求可忽略_this.add.lastTime = params.lastTime} ,1000 * 0.1); //时间设置为0也是可以}

 

  相关解决方案