-
Notifications
You must be signed in to change notification settings - Fork 33
/
index.html
52 lines (52 loc) · 2.04 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>获取定位</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/5.1.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.staticfile.org/bootstrap-icons/1.5.0/font/bootstrap-icons.css">
<link rel="stylesheet" href="https://cdn.staticfile.org/highlight.js/11.2.0/styles/atom-one-light.min.css">
<script type="text/javascript" src="https://cdn.staticfile.org/highlight.js/11.2.0/highlight.min.js"></script>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=729923f88542d91590470f613adb27b5&plugin=AMap.Driving"></script>
<script type="text/javascript" src="website-static/geo-info.js"></script>
<style>
button {
margin: 1.25rem 1rem 0 0;
}
i {
margin-right: .5rem;
}
.geo-info-container {
margin-top: 1.25rem;
padding: 1rem;
border-radius: .25rem;
background-color: #f8f9fa;
}
.geo-info {
font-family: monospace;
font-size: 14px;
margin-bottom: 0;
}
.hidden {
display: none;
}
</style>
</head>
<body>
<div class="container">
<button onclick="getLocation()" class="get-info btn btn-primary">
<i class="bi bi-geo-alt" style="margin-right: .5rem"></i>获取定位信息
</button>
<button onclick="onCopyRaw()" class="copy-raw btn btn-outline-primary hidden">
<i class="bi bi-clipboard" style="margin-right: .5rem"></i>复制打卡用数据
</button>
<button onclick="onCopy()" class="copy btn btn-outline-secondary hidden">
<i class="bi bi-clipboard" style="margin-right: .5rem"></i>复制可视化数据
</button>
<div class="geo-info-container hidden">
<pre class="geo-info"></pre>
</div>
</div>
</body>
</html>