update views/map

src/router/map.js

@@ -2,8 +2,8 @@
 // 网盘主页
 // ********************************************************************************************************************
 const Map = () => import('views/map/Map')
-const AMap = () => import('views/map/AMap')
-const AMap1 = () => import('views/map/AMap1')
+const PhotoMap = () => import('views/map/PhotoMap')
+const TrailMap = () => import('views/map/TrailMap')
 
 export default {
   path: '/map',
@@ -14,13 +14,19 @@ export default {
     {
       path: '',
       name: '高德地图',
-      component: AMap,
+      component: PhotoMap,
+      meta: { needAuth: true }
+    },
+    {
+      path: '/map/photo',
+      name: '照片地图',
+      component: PhotoMap,
       meta: { needAuth: true }
     },
     {
       path: '/map/trail',
-      name: '轨迹图',
-      component: AMap1,
+      name: '轨迹地图',
+      component: TrailMap,
       meta: { needAuth: true }
     }
   ]

src/views/map/Map.vue

@@ -17,9 +17,13 @@
           router
           mode="horizontal"
         >
+          <el-menu-item index="/map/photo">
+            <i class="el-icon-map-location" />
+            <span slot="title">照片地图</span>
+          </el-menu-item>
           <el-menu-item index="/map/trail">
             <i class="el-icon-map-location" />
-            <span slot="title">轨迹图</span>
+            <span slot="title">轨迹地图</span>
           </el-menu-item>
         </el-menu>
       </el-col>
@@ -66,6 +70,12 @@ export default {
       user: null
     }
   },
+  watch: {
+    // 地址栏 url 发生变化时重新加载本页面
+    $route() {
+      this.$router.go()
+    }
+  },
   created() {
     const userInfo = getAuthedUser()
     if (userInfo !== null) {

src/views/map/AMap.vue → src/views/map/PhotoMap.vue

@@ -99,6 +99,7 @@ import { AMapManager, lazyAMapApiLoaderInstance } from 'vue-amap'
 const amapManager = new AMapManager()
 
 export default {
+  name: 'PhotoMap',
   data() {
     return {
       amap: null,

src/views/map/AMap1.vue → src/views/map/TrailMap.vue

@@ -60,6 +60,7 @@ import AMapLoader from '@amap/amap-jsapi-loader'
 import { addGeoPoint, getGeoPoint } from '@/api/map'
 
 export default {
+  name: 'TrailMap',
   data() {
     return {
       amap: null,