mpvue 引入騰訊提供的的微信小程式地圖 JavaScript SDK
阿新 • • 發佈:2018-12-30
使用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上大佬們的解答 在這裡附上五芒傳送魔法陣