使用mpvue開發微信小程式時 常常會用到地圖  微信小程式原生的地圖元件功能不夠強大 為提供更加強大的微信小程式地圖功能

騰訊和百度都提供了對應的第三方外掛 下面介紹mpvue中如何引入騰訊提供的微信小程式 javascript SDK 外掛

第一步 登入微信小程式後臺 開通騰訊位置服務授權  並按步驟註冊好key (官方文件有說明 騰訊地圖官方也有很多) 

第二步 在騰訊地圖官網上下載最新的微信小程式地圖javascript JDK到本地

第三步 把js解壓到static目錄中 不要解壓到pages目錄中 不然mpvue在編譯時出錯

第三步 開啟qqmap-wx-jssdk.js 在js檔案最後位置找到下面的程式碼

module.exports = QQMapWX;

修改成一下程式碼

export default QQMapWX; 

第四步 在對應vue.js頁面 引入該外掛

import QQMapWX from 'XXX/qqmap-wx-jssdk.js'; 

第五步 根據官方提供的方式 直接呼叫即可

十分感謝github上大佬們的解答 在這裡附上五芒傳送魔法陣

https://github.com/Meituan-Dianping/mpvue/issues/773