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
| <!DOCTYPE html>
| <html lang="en">
|
| <head>
| <meta charset="UTF-8">
| <meta name="viewport" content="width=device-width, initial-scale=1.0">
| <title>天地图</title>
| <style>
| /* 确保 body 和 html 充满整个视口 */
| html, body {
| margin: 0;
| padding: 0;
| width: 100%;
| height: 100%;
| overflow: hidden; /* 防止滚动条出现 */
| }
| /* 确保地图容器充满整个视口 */
| #mapDiv {
| width: 100%;
| height: 100%;
| position: absolute; /* 保证地图全屏 */
| top: 0;
| left: 0;
| }
| </style>
| <script src="http://api.tianditu.gov.cn/api?v=4.0&tk=d8beed89b43160a9a185e5aff431f85d"
| type="text/javascript"></script>
| </head>
|
| <body>
| <div id="mapDiv"></div>
| <script src="js/map.js"></script>
| </body>
|
| </html>
|
|
