vue引入百度地图,显示不稳定,要刷新或者多次刷新才显示

引入百度地图api,前期的秘钥什么的都已经准备好,运行的过程中,发现需要刷新或者重载,才能正常显示百度地图,并且不稳定。

首先我使用的是直接引用:

在vue项目的入口文件index.html进行了引入

index.html:

 <script type="text/javascript" src="http://api.map.baidu.com/getscript?v=3.0&ak=密钥"></script>

在组件中map.vue中使用百度地图:

首先得写在mounted的this.$nextTick()里面,dom树生成后加入百度地图功能,

其次,需要在beforeCreate中加上 window._bd_share_main = “”; 目的是在页面创建之前,把百度分享的一个参数置空

map.vue:

vue引入百度地图,显示不稳定,要刷新或者多次刷新才显示

相关资料提供,感谢https://blog.csdn.net/ink_if/article/details/80395891给予的帮助