删除高德地图组件

public/index.html

@@ -34,7 +34,12 @@
     <div id="vue-admin-beautiful">
       <div class="first-loading-wrp">
         <div class="loading-wrp">
-          <span class="dot dot-spin"><i></i><i></i><i></i><i></i></span>
+          <span class="dot dot-spin">
+            <i></i>
+            <i></i>
+            <i></i>
+            <i></i>
+          </span>
         </div>
         <h1><%= VUE_APP_TITLE %></h1>
       </div>

src/plugins/index.js

@@ -12,17 +12,9 @@ import "./vabIcon";
 import Vab from "@/utils/vab";
 import { VabDrag, VabPermissions, VabQueryForm } from "@/layouts/components";
 import VabCount from "zx-count";
-import VueAMap from "vue-amap";
-
-VueAMap.initAMapApiLoader({
-  key: "19c9d4c0e4b9611cd931a1e4f70788dc",
-  plugin: ["Autocomplete", "PlaceSearch", "PolyEditor", "CircleEditor"],
-  v: "1.4.4",
-});
 
 Vue.use(Vab);
 Vue.use(VabPermissions);
 Vue.use(VabDrag);
 Vue.use(VabQueryForm);
-Vue.use(VueAMap);
 Vue.use(VabCount);

src/router/index.js

@@ -200,31 +200,12 @@ export const asyncRoutes = [
       },
       {
         path: "map",
-        component: EmptyLayout,
-        redirect: "noRedirect",
+        component: () => import("@/views/vab/map/index"),
         name: "Map",
         meta: {
           title: "地图",
           permissions: ["admin"],
         },
-        children: [
-          {
-            path: "maptalks",
-            name: "Maptalks",
-            component: () => import("@/views/vab/map/index"),
-            meta: {
-              title: "maptalks地图",
-              permissions: ["admin"],
-              badge: "Pro",
-            },
-          },
-          {
-            path: "amap",
-            name: "Amap",
-            component: () => import("@/views/vab/map/amap"),
-            meta: { title: "高德地图", badge: "New" },
-          },
-        ],
       },
 
       {

src/views/vab/map/amap.vue

@@ -1,27 +0,0 @@
-<template>
-  <div class="amap-container">
-    <div id="amap" class="container">
-      <el-amap vid="amapDemo"></el-amap>
-    </div>
-  </div>
-</template>
-
-<script>
-  export default {
-    name: "Amap",
-    data() {
-      return {};
-    },
-    created() {},
-    mounted() {},
-    methods: {},
-  };
-</script>
-<style lang="scss" scoped>
-  .amap-container {
-    .container {
-      width: 100%;
-      height: calc(100vh - 214px);
-    }
-  }
-</style>