diff --git a/index.html b/index.html
index 3efaed5c..17179eb7 100644
--- a/index.html
+++ b/index.html
@@ -1,27 +1,29 @@
 <!DOCTYPE html>
 <html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="X-UA-Compatible" content="chrome=1" />
+    <meta name="renderer" content="webkit" />
+    <meta
+      name="viewport"
+      content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"
+    />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="format-detection" content="telephone=no" />
+    <link rel="icon" href="/favicon.png" />
+    <link rel="stylesheet" href="/iconfont/index.css" />
+    <link rel="stylesheet" href="/iconfont/avue/iconfont.css" />
+    <link rel="stylesheet" href="/iconfont/saber/iconfont.css" />
+    <link rel="stylesheet" href="/css/loading.css" />
+    <link rel="stylesheet" href="/css/loadinge.css" />
+  </head>
 
-<head>
-  <meta charset="UTF-8" />
-  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-  <meta http-equiv="X-UA-Compatible" content="chrome=1" />
-  <meta name="renderer" content="webkit" />
-  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
-  <meta name="apple-mobile-web-app-capable" content="yes" />
-  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
-  <meta name="format-detection" content="telephone=no" />
-  <link rel="icon" href="/favicon.png" />
-  <link rel="stylesheet" href="/iconfont/index.css" />
-  <link rel="stylesheet" href="/iconfont/avue/iconfont.css" />
-  <link rel="stylesheet" href="/iconfont/saber/iconfont.css" />
-  <link rel="stylesheet" href="/css/loading.css" />
-  <link rel="stylesheet" href="/css/loadinge.css" />
-</head>
-
-<body>
-  <div id="app">
-    <!-- <div class="loading">
+  <body>
+    <div id="app">
+      <!-- <div class="loading">
       <div class="loading-wrap">
         <div class="loading-dots">
           <span class="dot dot-spin">
@@ -37,33 +39,60 @@
       </div>
     </div> -->
 
-    <div class="truck-wrapper">
-      <div class="truck">
-        <div class="truck-container"></div>
-        <div class="glases"></div>
-        <div class="bonet"></div>
-        <div class="base"></div>
-        <div class="base-aux"></div>
-        <div class="wheel-back"></div>
-        <div class="wheel-front"></div>
-        <div class="smoke"></div>
+      <div class="truck-wrapper">
+        <div class="truck">
+          <div class="truck-container"></div>
+          <div class="glases"></div>
+          <div class="bonet"></div>
+          <div class="base"></div>
+          <div class="base-aux"></div>
+          <div class="wheel-back"></div>
+          <div class="wheel-front"></div>
+          <div class="smoke"></div>
+        </div>
       </div>
     </div>
-  </div>
-  <script type="module" src="/src/main.js"></script>
-</body>
-<script>
-  window._AMapSecurityConfig = {
-    securityJsCode: 'ca257c159b4cbb3f499fd107ff21ab34',
-  };
-</script>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+  <script>
+    window._AMapSecurityConfig = {
+      securityJsCode: 'ca257c159b4cbb3f499fd107ff21ab34',
+    };
+  </script>
+
+  <script>
+    const initWebMap = () => {
+      const keyArr = ['f003ec4feb3fcc4cf0742e94f569fd33', 'e162844c0ee510af1b6480bd64eb66f7'];
+      const random = Math.random() * 10;
+
+      var script1 = document.createElement('script');
+      script1.type = 'text/javascript';
+      script1.src = `https://webapi.amap.com/maps?v=1.4.15&key=${
+        keyArr[random > 5 ? 1 : 0]
+      }&plugin=AMap.PlaceSearch,AMap.Geocoder,Map3D,ElasticMarker,AMap.Driving,AMap.TruckDriving`;
+      document.head.appendChild(script1);
+
+      const timer = setTimeout(() => {
+        var script2 = document.createElement('script');
+        script2.type = 'text/javascript';
+        script2.src = '//webapi.amap.com/ui/1.1/main.js';
+        document.head.appendChild(script2);
+        clearTimeout(timer);
+      }, 50);
+    };
 
-<script type="text/javascript"
-  src="https://webapi.amap.com/maps?v=1.4.15&key=f003ec4feb3fcc4cf0742e94f569fd33&plugin=AMap.PlaceSearch,AMap.Geocoder,Map3D,ElasticMarker,AMap.Driving,AMap.TruckDriving"></script>
-<!--  <script type="text/javascript" src='https://webapi.amap.com/maps?v=2.0&key=f003ec4feb3fcc4cf0742e94f569fd33&plugin=AMap.PlaceSearch,AMap.Geocoder,Map3D,ElasticMarker,AMap.Driving,'></script>-->
+    initWebMap();
+  </script>
 
-<script src="//webapi.amap.com/ui/1.1/main.js"></script>
-<script type="text/javascript"
-  src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=FpjVxjf9nGo47eLj9I0ZuUvSZm1wGGqr"></script>
+  <!-- <script
+    type="text/javascript"
+    src="https://webapi.amap.com/maps?v=1.4.15&key=f003ec4feb3fcc4cf0742e94f569fd33&plugin=AMap.PlaceSearch,AMap.Geocoder,Map3D,ElasticMarker,AMap.Driving,AMap.TruckDriving"
+  ></script> -->
+  <!--  <script type="text/javascript" src='https://webapi.amap.com/maps?v=2.0&key=f003ec4feb3fcc4cf0742e94f569fd33&plugin=AMap.PlaceSearch,AMap.Geocoder,Map3D,ElasticMarker,AMap.Driving,'></script>-->
 
-</html>
\ No newline at end of file
+  <!-- <script src="//webapi.amap.com/ui/1.1/main.js"></script> -->
+  <script
+    type="text/javascript"
+    src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=FpjVxjf9nGo47eLj9I0ZuUvSZm1wGGqr"
+  ></script>
+</html>
