1. 程式人生 > 其它 >處理vue3.x在高德地圖1.x版本無法正常使用的問題

處理vue3.x在高德地圖1.x版本無法正常使用的問題

碼雲倉庫(開源外掛)

縮放或者放大地圖就會報錯,報錯資訊如下:

官方解決方法:升級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;
};

以上程式碼完美正常執行。