處理vue3.x在高德地圖1.x版本無法正常使用的問題
阿新 • • 發佈:2021-10-15
縮放或者放大地圖就會報錯,報錯資訊如下:
官方解決方法:升級2.x版本,但是2.x版本卡的跟PPT一樣,暫時不能使用
經測試得出解決方案:
// 高德地圖1.x版本在vue3的巨坑,不能宣告成vue響應式物件 let map= null; const initMap = async () => { const AMap = await AMapLoader.load({ key: aMapKey, // 申請好的Web端開發者Key,首次呼叫 load 時必填 version: "1.4.8", // 指定要載入的 JSAPI 的版本,預設時預設為 1.4.15 plugins: [ "AMap.Autocomplete", "AMap.CircleEditor", "AMap.MouseTool", "AMap.PolyEditor", ], // 需要使用的的外掛列表,如比例尺'AMap.Scale'等 AMapUI: { // 是否載入 AMapUI,預設不載入 // version: "1.1", // AMapUI 預設 1.1 // plugins: [], // 需要載入的 AMapUI ui外掛 }, }); map = new AMap.Map("mapContainer"); window.AMap = AMap; };
以上程式碼完美正常執行。