添加地图组件

package-lock.json

@@ -9,6 +9,7 @@
       "version": "5.2.1",
       "license": "MIT",
       "dependencies": {
+        "@amap/amap-jsapi-loader": "^1.0.1",
         "@element-plus/icons-vue": "2.3.1",
         "@highlightjs/vue-plugin": "2.1.0",
         "@vueup/vue-quill": "1.2.0",
@@ -82,6 +83,12 @@
         "vue-tsc": "2.0.13"
       }
     },
+    "node_modules/@amap/amap-jsapi-loader": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/@amap/amap-jsapi-loader/-/amap-jsapi-loader-1.0.1.tgz",
+      "integrity": "sha512-nPyLKt7Ow/ThHLkSvn2etQlUzqxmTVgK7bIgwdBRTg2HK5668oN7xVxkaiRe3YZEzGzfV2XgH5Jmu2T73ljejw==",
+      "license": "MIT"
+    },
     "node_modules/@ampproject/remapping": {
       "version": "2.3.0",
       "resolved": "https://registry.npmmirror.com/@ampproject/remapping/-/remapping-2.3.0.tgz",

package.json

@@ -18,6 +18,7 @@
     "url": "https://gitee.com/JavaLionLi/plus-ui.git"
   },
   "dependencies": {
+    "@amap/amap-jsapi-loader": "^1.0.1",
     "@element-plus/icons-vue": "2.3.1",
     "@highlightjs/vue-plugin": "2.1.0",
     "@vueup/vue-quill": "1.2.0",

src/components/Map/company-map.vue

@@ -12,13 +12,13 @@ const map = ref(null);
 
 onMounted(() => {
   AMapLoader.load({
-    key: '',
+    key: '30d3d8448efd68cb0b284549fd41adcf',
     version: '2.0',
     plugins: ['AMap.PlaceSearch']
   }).then((AMap) => {
     map.value = new AMap.Map('map', {
       zoom: 10,
-      center: [] // 默认中心点，可以根据需要设置
+      center: [110.919229,21.659751] // 茂名市
     });