引入百度地图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:
相关资料提供,感谢https://blog.csdn.net/ink_if/article/details/80395891给予的帮助