-
Notifications
You must be signed in to change notification settings - Fork 0
/
map.html
115 lines (114 loc) · 4.04 KB
/
map.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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>地图浏览</title>
<script src="support/jquery-3.2.1.min.js" type="text/javascript"></script>
<link href="support/bootstrap/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<script src="support/bootstrap/bootstrap.min.js" type="text/javascript"></script>
<link href="support/openlayers/ol.css" rel="stylesheet" type="text/css"/>
<script src="support/openlayers/ol.js" type="text/javascript"></script>
<link href="lib/map.css" rel="stylesheet" type="text/css"/>
<script src="lib/Connector.js" type="text/javascript"></script>
<script src="lib/Tools.js" type="text/javascript"></script>
<script src="lib/ImageAffair.js" type="text/javascript"></script>
<script src="lib/MapControl.js" type="text/javascript"></script>
<script src="lib/requests.js" type="text/javascript"></script>
<script src="lib/search.js" type="text/javascript"></script>
<script type="text/javascript">
var mapcontrol = null;
$(document).ready(function () {
$('form').on('submit', function (e) {
// e.preventDefault();
search();
return false;
});
initSearchState();
check_map_extent = true;
$(".radio_group_1").hide();
$("#google_image_on").show();
mapcontrol = new MapControl({
target: "mapcontrol",
width: '100%',
height: '100%',
center: [110, 35],
zoom: 5
});
var id = getQueryVariable("id");
if(id){
mapcontrol.GotoPoint(id);
}
ShowState();
});
</script>
<style>
nav {
width: 60%;
padding: 0 1em 0 1em;
margin: auto;
}
</style>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">演示网站</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li>
<a href="index.html">首页—专题展示</a>
</li>
<li>
<a href="map.html" style="font-weight:bold;color:black">地图</a>
</li>
<li>
<a href="database.html">数据库</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">地图设置<strong class="caret"></strong></a>
<ul class="dropdown-menu">
<li>
<a onclick="changeSource('google_image')">Google影像<span id="google_image_on" class="radio_group_1"> ✔</span></a>
</li>
<li>
<a onclick="changeSource('google_image_y')">Google影像（带标签）<span id="google_image_y_on" class="radio_group_1"> ✔</span></a>
</li>
<li>
<a onclick="changeSource('google_map')">Google地图<span id="google_map_on" class="radio_group_1"> ✔</span></a>
</li>
<li>
<a onclick="changeSource('google_topo')">Google地形图<span id="google_topo_on" class="radio_group_1"> ✔</span></a>
</li>
<li>
<a onclick="changeSource('osm')">OpenStreetMap<span id="osm_on" class="radio_group_1"> ✔</span></a>
</li>
<li>
<a onclick="changeSource('amap')">高德地图<span id="amap_on" class="radio_group_1"> ✔</span></a>
</li>
<li>
<a onclick="changeSource('sea_map')">全球海图<span id="sea_map_on" class="radio_group_1"> ✔</span></a>
</li>
<li>
<a onclick="changeSource('lucc')">全球土地利用<span id="lucc_on" class="radio_group_1"> ✔</span></a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="about.html">关于我们</a>
</li>
</ul>
</div>
</nav>
<div id="mapcontrol"></div>
</body>
</html>