投放点地图 key 轮换

2c2c2c
1 parent c7b8da2a
Showing 3 changed files with 95 additions and 6 deletions
trash-ui/src/plugins/cache.js
trash-ui/src/plugins/index.js
trash-ui/src/views/unit/dropPointInfo/index.vue
+const sessionCache = {
+  set (key, value) {
+    if (!sessionStorage) {
+      return
+    }
+    if (key != null && value != null) {
+      sessionStorage.setItem(key, value)
+    }
+  },
+  get (key) {
+    if (!sessionStorage) {
+      return null
+    }
+    if (key == null) {
+      return null
+    }
+    return sessionStorage.getItem(key)
+  },
+  setJSON (key, jsonValue) {
+    if (jsonValue != null) {
+      this.set(key, JSON.stringify(jsonValue))
+    }
+  },
+  getJSON (key) {
+    const value = this.get(key)
+    if (value != null) {
+      return JSON.parse(value)
+    }
+  },
+  remove (key) {
+    sessionStorage.removeItem(key);
+  }
+}
+const localCache = {
+  set (key, value) {
+    if (!localStorage) {
+      return
+    }
+    if (key != null && value != null) {
+      localStorage.setItem(key, value)
+    }
+  },
+  get (key) {
+    if (!localStorage) {
+      return null
+    }
+    if (key == null) {
+      return null
+    }
+    return localStorage.getItem(key)
+  },
+  setJSON (key, jsonValue) {
+    if (jsonValue != null) {
+      this.set(key, JSON.stringify(jsonValue))
+    }
+  },
+  getJSON (key) {
+    const value = this.get(key)
+    if (value != null) {
+      return JSON.parse(value)
+    }
+  },
+  remove (key) {
+    localStorage.removeItem(key);
+  }
+}
+
+export default {
+  /**
+   * 会话级缓存
+   */
+  session: sessionCache,
+  /**
+   * 本地缓存
+   */
+  local: localCache
+}
 import tab from './tab'
+import cache from './cache'
 export default {
   install(Vue) {
     // 页签操作
     Vue.prototype.$tab = tab
+    // 缓存对象
+    Vue.prototype.$cache = cache
   }
 }
@@ -336,10 +336,6 @@ import {getAreaList,getAreasList} from &quot;@/api/dict&quot;
 import AMapLoader from "@amap/amap-jsapi-loader";
 import Treeselect from "@riophae/vue-treeselect";
-// 设置安全密钥
-window._AMapSecurityConfig = {
-  securityJsCode: 'c82d0bf9ef42c220d3295a712cdd18b8',
-}
 export default {
   name: "DropPointInfo",
@@ -449,10 +445,18 @@ export default {
       circleMarker: null,
       endTime: null,
       dropTime: true,
-      infoDisable: false
+      infoDisable: false,
+      mapKeys:["3865c516a0e83ce0ca5cec3f2087675c","9439896287541d826bbaf6404063c9c2","0a4662cc567d13bdbebf71fa3dc036cc"],
+      jsCode: ["c82d0bf9ef42c220d3295a712cdd18b8","70c91935d43cc5b7b5f95f1b295ae1d1","e7867b1dbe76542fb23e320b6086506f"],
+      keyIndex: 0
     };
   },
   created() {
+    this.keyIndex = this.$cache.session.get("keyIndex") || 0;
+    console.log("keyIndex",this.keyIndex)
+    window._AMapSecurityConfig = {
+      securityJsCode: this.jsCode[this.keyIndex]
+    }
     getAreasList().then(response => {
       if(response==null || response.length===0){
         this.$message.error("获取区域列表失败");
@@ -543,7 +547,7 @@ export default {
       const _this = this
       // 加载高德地图
       AMapLoader.load({
-        key: _this.$aMapKey,  //设置高德地图申请的key
+        key: _this.mapKeys[_this.keyIndex],  //设置高德地图申请的key
         version: "2.0",  // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
         plugins: ['AMap.ToolBar','AMap.AutoComplete', 'AMap.PlaceSearch', 'AMap.Marker','AMap.CircleMarker'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
         AMapUI: {
@@ -658,6 +662,11 @@ export default {
         setTimeout(() => {
           this.loading = false;
           this.AutoComplete.search(query, (status, result) => {
+            if(result==="USER_DAILY_QUERY_OVER_LIMIT"){
+              this.$message.error("当前 key["+this.mapKeys[this.keyIndex]+"] 今日查询次数上限，请刷新页面！");
+              this.keyIndex = (this.keyIndex+1) % this.mapKeys.length;
+              this.$cache.session.set("keyIndex", this.keyIndex);
+            }
             this.mapOptions = result.tips;
           });
         }, 200);