更新

.env.development

@@ -1 +1 @@
-BASE_URL = ''
+VITE_BASE_URL = 'https://crmeb-test.shop.lihaink.cn/api'

.env.production

@@ -1 +1 @@
-BASE_URL = ''
+VITE_BASE_URL = '/'

package-lock.json

@@ -10,7 +10,9 @@
       "dependencies": {
         "@amap/amap-jsapi-loader": "^1.0.1",
         "@jiaminghi/data-view": "^2.10.0",
+        "axios": "^1.6.2",
         "echarts": "^5.4.3",
+        "echarts-gl": "^2.0.9",
         "mitt": "^3.0.1",
         "pinia": "^2.1.7",
         "vue": "^3.3.8",
@@ -748,6 +750,21 @@
         "node": ">= 8"
       }
     },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmmirror.com/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+    },
+    "node_modules/axios": {
+      "version": "1.6.2",
+      "resolved": "https://registry.npmmirror.com/axios/-/axios-1.6.2.tgz",
+      "integrity": "sha512-7i24Ri4pmDRfJTR7LDBhsOTtcm+9kjX5WiY1X3wIisx6G9So3pfMkEiU7emUBe46oceVImccTEM3k6C5dbVW8A==",
+      "dependencies": {
+        "follow-redirects": "^1.15.0",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
     "node_modules/binary-extensions": {
       "version": "2.2.0",
       "resolved": "https://registry.npmmirror.com/binary-extensions/-/binary-extensions-2.2.0.tgz",
@@ -790,11 +807,35 @@
         "fsevents": "~2.3.2"
       }
     },
+    "node_modules/claygl": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/claygl/-/claygl-1.3.0.tgz",
+      "integrity": "sha512-+gGtJjT6SSHD2l2yC3MCubW/sCV40tZuSs5opdtn79vFSGUgp/lH139RNEQ6Jy078/L0aV8odCw8RSrUcMfLaQ=="
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmmirror.com/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/csstype": {
       "version": "3.1.2",
       "resolved": "https://registry.npmmirror.com/csstype/-/csstype-3.1.2.tgz",
       "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
     },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/echarts": {
       "version": "5.4.3",
       "resolved": "https://registry.npmmirror.com/echarts/-/echarts-5.4.3.tgz",
@@ -804,6 +845,18 @@
         "zrender": "5.4.4"
       }
     },
+    "node_modules/echarts-gl": {
+      "version": "2.0.9",
+      "resolved": "https://registry.npmmirror.com/echarts-gl/-/echarts-gl-2.0.9.tgz",
+      "integrity": "sha512-oKeMdkkkpJGWOzjgZUsF41DOh6cMsyrGGXimbjK2l6Xeq/dBQu4ShG2w2Dzrs/1bD27b2pLTGSaUzouY191gzA==",
+      "dependencies": {
+        "claygl": "^1.2.1",
+        "zrender": "^5.1.1"
+      },
+      "peerDependencies": {
+        "echarts": "^5.1.2"
+      }
+    },
     "node_modules/esbuild": {
       "version": "0.19.7",
       "resolved": "https://registry.npmmirror.com/esbuild/-/esbuild-0.19.7.tgz",
@@ -858,6 +911,32 @@
         "node": ">=8"
       }
     },
+    "node_modules/follow-redirects": {
+      "version": "1.15.3",
+      "resolved": "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.3.tgz",
+      "integrity": "sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==",
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/fsevents": {
       "version": "2.3.3",
       "resolved": "https://registry.npmmirror.com/fsevents/-/fsevents-2.3.3.tgz",
@@ -943,6 +1022,25 @@
         "node": ">=12"
       }
     },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmmirror.com/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmmirror.com/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/mitt": {
       "version": "3.0.1",
       "resolved": "https://registry.npmmirror.com/mitt/-/mitt-3.0.1.tgz",
@@ -1039,6 +1137,11 @@
         "node": "^10 || ^12 || >=14"
       }
     },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+    },
     "node_modules/readdirp": {
       "version": "3.6.0",
       "resolved": "https://registry.npmmirror.com/readdirp/-/readdirp-3.6.0.tgz",

package.json

@@ -11,7 +11,9 @@
   "dependencies": {
     "@amap/amap-jsapi-loader": "^1.0.1",
     "@jiaminghi/data-view": "^2.10.0",
+    "axios": "^1.6.2",
     "echarts": "^5.4.3",
+    "echarts-gl": "^2.0.9",
     "mitt": "^3.0.1",
     "pinia": "^2.1.7",
     "vue": "^3.3.8",

src/App.vue

@@ -1,6 +1,12 @@
 <script setup>
 import headView from "@/components/headView.vue";
-import Businesses from "@/components/Businesses.vue"
+import Businesses from "@/components/Businesses.vue";
+import { test } from "@/api/index.js";
+test().then(res => {
+  console.log(res);
+}).catch(e => {
+  console.log(e);
+})
 </script>
 
 <template>

src/api/index.js

@@ -0,0 +1,5 @@
+import axios from "@/utils/axios.js";
+
+export const test = () => {
+    return axios.get('/common/home');
+}

src/utils/axios.js

@@ -0,0 +1,34 @@
+import axios from "axios";
+
+const request = axios.create({
+    baseURL: import.meta.env.VITE_BASE_URL,
+    timeout: 5000
+})
+
+// 请求拦截器
+request.interceptors.request.use(
+    config => {
+        // 在发送请求之前做些什么，例如添加token、修改请求头等
+        return config;
+    },
+    error => {
+        // 处理请求错误
+        console.error(error);
+        return Promise.reject(error);
+    }
+);
+
+// 响应拦截器
+request.interceptors.response.use(
+    response => {
+        // 对响应数据做些什么，例如解析数据、统一处理错误等
+        return response.data;
+    },
+    error => {
+        // 处理响应错误
+        console.error(error);
+        return Promise.reject(error);
+    }
+);
+
+export default request;

src/view/index/components/centerMap.vue

@@ -1,6 +1,7 @@
 <script setup>
 import { onMounted, reactive, ref, inject, nextTick } from "vue";
 import * as echarts from 'echarts';
+import 'echarts-gl';
 import mitt from "@/utils/mitt";
 import luxian from "@/assets/json/luxian.json";
 import hejiang from "@/assets/json/hejiang.json";
@@ -210,6 +211,11 @@ const initMap = () => {
             // },
           }
         },
+        // viewControl: { // 用于控制地图的倾斜和旋转
+        //   distance: 120, // 地图与相机的距离
+        //   alpha: 35, // 地图的倾斜角度
+        //   beta: 0 // 地图的旋转角度
+        // },
       },
       {
         name: "",
@@ -247,6 +253,20 @@ const initMap = () => {
   }
   // 使用配置项显示图表
   chart.setOption(option);
+
+  // 添加自定义图形，实现地图倾斜效果
+  chart.dispatchAction({
+    type: 'updateLayout',
+    rotation: Math.PI / 4,  // 设置旋转角度
+  });
+
+  // 设置3D效果，实现地图立体效果
+  chart.setOption({
+    grid3D: {},
+    xAxis3D: {},
+    yAxis3D: {},
+    zAxis3D: {}
+  });
 }
 
 onMounted(() => {