引入百度地圖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給予的幫助