Browse Source

新增随机高德key

dev
qb 1 month ago
parent
commit
5e8924e4d2
  1. 121
      index.html

121
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>
<!-- <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>

Loading…
Cancel
Save