弹窗的时候百度地图只初始化一次的问题解决。

在今天的需求中有个查看运输轨迹的功能,但是使用弹窗的方式把运输轨迹展开。

在一个列表中查看一次关掉弹窗后,第二次进来却没有重新掉接口。我也找不到原因,用了一点自己的一点取巧思路解决了。

<baidu-map v-if="hackRest" class="bmView" :scroll-wheel-zoom="true" :center="location" :zoom="zoom"
   :pid="pid" @ready="handler" @click="lookDetail" ak="您的AK">
    <bm-view style="width: 100%; height:80vh; flex: 1" id="ysdView"></bm-view>
     <bm-local-search :keyword="addressKeyword" :auto-viewport="true" style="display: none">
  </bm-local-search>
</baidu-map>
然后在初始化位置
// // 从 DOM 中删除组件
this.hackRest = false;
this.$nextTick(() => {
   //在 DOM 中重新添加组件渲染地图
    this.hackRest = true;
});
注:代码仅提供了部分,AK需要自己去申请。
这样子也能解决上述问题问题。。。
posted @ 2021-09-14 08:46  奋发的小小小前端  阅读(260)  评论(0)    收藏  举报