其他分享
首页 > 其他分享> > 处理vue3.x在高德地图1.x版本无法正常使用的问题

处理vue3.x在高德地图1.x版本无法正常使用的问题

作者:互联网

码云仓库(开源插件)

缩放或者放大地图就会报错,报错信息如下:

QQ浏览器截图20210916093838.png

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

以上代码完美正常运行。

标签:插件,缺省,高德,AMap,版本,vue3,AMapUI,加载
来源: https://www.cnblogs.com/sugarboy/p/15411774.html