增加高德地图SDK

package.json

@@ -9,6 +9,9 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@vuemap/vue-amap": "^2.0.24",
+    "echarts": "^5.4.3",
+    "echarts-gl": "^2.0.9",
     "naive-ui": "^2.35.0",
     "pinia": "^2.1.7",
     "pinia-plugin-persist": "^1.0.0",

src/pages/main.ts

@@ -6,6 +6,16 @@ import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router'
 import Icon from '@/components/icon.vue'
 import 'virtual:svg-icons-register'
 import piniaPersist from 'pinia-plugin-persist'
+import VueAMap, {initAMapApiLoader} from '@vuemap/vue-amap'
+import '@vuemap/vue-amap/dist/style.css'
+
+initAMapApiLoader({
+  key: 'YOUR_KEY',
+  securityJsCode: 'securityJsCode', // 新版key需要配合安全密钥使用
+  //Loca:{
+  //  version: '2.0.0'
+  //} // 如果需要使用loca组件库，需要加载Loca
+})
 
 const store = createPinia()
 store.use(piniaPersist)
@@ -28,7 +38,8 @@ app.component('Icon', Icon)
 app.use(store)
   .use(naive)
   .use(router)
-
+  .use(VueAMap)
+  
 router.isReady().then(() => {
   const vm = app.mount('#app')
   app.config.errorHandler = (err: any) => {

src/pages/store/index.ts

@@ -12,7 +12,8 @@ const useStore = defineStore('index', {
   state: () => ({
     userInfro: {} as UserInfo,
     token: '',
-    isCheckPermission: false
+    isCheckPermission: false,
+    loading: false
   }),
   actions: {
     setUserInfo(data: UserInfo) {

src/pages/views/test/route.ts

@@ -5,6 +5,6 @@ export default {
   meta: {
     authorize: true
   },
-  component: () => import('./index.vue' as any),
+  component: () => import('./index.vue'),
   children: []
 } as RouteRecordRaw