处理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;
};
以上代码完美正常运行。
标签:插件,缺省,高德,AMap,版本,vue3,AMapUI,加载 来源: https://www.cnblogs.com/sugarboy/p/15411774.html