update

src/assets/mapUtils/map.ts

@@ -1,3 +1,4 @@
+import AMapLoader from '@amap/amap-jsapi-loader';
 import china from '/@/assets/lngLat/china.ts';
 import chinaInner from '/@/assets/lngLat/chinaInner.ts';
 import { createCircle, createIcon, typeToIcon } from '/@/assets/mapUtils/commonFun.ts';
@@ -11,6 +12,7 @@ export const defaultOption = {
     mapStyle: 'darkblue', //地图样式
 };
 export const mapPlugin = ['AMap.ToolBar', 'AMap.Driving', 'AMap.GeoJSON', 'AMap.MarkerCluster', 'AMap.PlaceSearch'];
+let AMap = null;
 export const Map = {
     map: null,
     overlayGroup: null, // 地图中marker
@@ -25,18 +27,27 @@ export const Map = {
      * @param option 地图配置
      */
     initMap({ el, option }: InitMap) {
-        const { zoom, center, mapStyle } = { ...defaultOption, ...option };
-        //基本地图加载
-        this.map = new AMap.Map(el, {
-            resizeEnable: true,
-            center: center,
-            zoom: zoom,
-            mapStyle: 'amap://styles/' + mapStyle,
-        });
-        // 异步同时加载多个插件
-        new AMap.plugin(mapPlugin, () => {
-            this.drawInnerLine();
-            this.drawOutLine();
+        AMapLoader.load({
+            key: '4bbcb216b889f2d612cbed05ae6979c8', // 申请好的Web端开发者Key，首次调用 load 时必填
+            // version: '1.4.15', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+            version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+            plugins: mapPlugin, // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+        }).then((res) => {
+            AMap = res;
+            const { zoom, center, mapStyle } = { ...defaultOption, ...option };
+            //基本地图加载
+            this.map = new AMap.Map(el, {
+                resizeEnable: true,
+                center: center,
+                zoom: zoom,
+                mapStyle: 'amap://styles/darkblue',
+                version: '2.0',
+            });
+            // 异步同时加载多个插件
+            new AMap.plugin(mapPlugin, () => {
+                this.drawInnerLine();
+                this.drawOutLine();
+            });
         });
     } /**
      * @desc 中国外层边界线