-
Notifications
You must be signed in to change notification settings - Fork 7
/
index.html
196 lines (193 loc) · 6.17 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
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
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>大数据智慧停车管理平台</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/homePage.css">
<link rel="shortcut icon" href="images/favicon.ico">
<!--[if lt IE 9]><script src="http://cdn.bootcss.com/html5shiv/r29/html5.min.js"></script><![endif]-->
</head>
<body>
<div id="searchWrapper">
<div id="userInfo">
<ul>
<li id="adminSystem">
<a target="_blank" href="login.html">后台管理<em></em></a>
</li>
</ul>
</div>
<div id="brand">
<h3 class="title">大数据智慧停车管理平台</h3>
</div>
</div>
<div id="toolsContainer">
<div class="col-xs-12">
<div class="col-xs-3" id="bulletingBoard">
<marquee loop="-1" scrollamount="2" onMouseOut="this.start();" onMouseOver="this.stop();">
<span>公告信息1</span>
<span>公告信息2</span>
<span>公告信息3</span>
<span>公告信息4</span>
<span>公告信息5</span>
</marquee>
</div>
<a href="#" id="toolFullScreen" class="pull-right tools"><span class="glyphicon glyphicon-fullscreen"></span> 全屏</a>
<a href="#" id="toolShare" class="pull-right tools"><span class="glyphicon glyphicon-share"></span> 分享</a>
<a href="#" id="trafficTool" class="pull-right tools"><span class="glyphicon glyphicon-road"></span> 路况</a>
<a href="#" id="toolPointer" class="pull-right tools"><span class="glyphicon glyphicon-map-marker"></span> 点选</a>
<a href="#" id="toolMeasure" class="pull-right tools"><span class="glyphicon glyphicon-resize-full"></span> 测距</a>
</div>
<!-- /.col-xs-12 -->
</div>
<div id="wrapper">
<div id="mapInfoCon">
<div class="col-xs-12" id="mapInfo">
<div class="row" id="searchPanel">
<div class="col-xs-7 no-padding-right">
<input type="text" class="form-control" id="placeSearch">
</div>
<a href="#" id="searchBtn"><span class="glyphicon glyphicon-search"></span></a>
<div class="col-xs-4 no-padding-right">
<select id="sel" class="form-control">
<option value="300">
300米
</option>
<option value="500">
500米
</option>
<option value="1000" selected>
1000米
</option>
</select>
</div>
<!-- <a href="#" class="btn btn-primary" id="searchBtn">搜索</a> -->
</div>
<!-- /.row -->
<div class="row" id="searchResult">
<div class="col-xs-12">
<table id="poiTableList">
<tbody>
<tr>
<th>
<div id="no1" class="icon" onclick="" title="在地图上显示该点"></div>
</th>
<td>
<div class="p-title"><a href="#" class="result-link" tid="poi-name-1">结果地址1</a></div>
<p class="address">长沙市韶山南路001号</p>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- /.row -->
<div class="row" id="areaSearch">
<div class="col-xs-12 title">
<h4><span class="glyphicon glyphicon-globe"></span> 区域查找</h4>
</div>
<div class="col-xs-12">
<dl class="areas">
<dt>
<a href="#">天心区</a>
</dt>
<dd>
<a href="#">区域1</a>
<a href="#">区域2</a>
<a href="#">区域3</a>
<a href="#">区域4</a>
<a href="#">区域5</a>
<a href="#">区域6</a>
<a href="#">区域7</a>
<a href="#">区域8</a>
<a href="#">区域9</a>
<a href="#">区域10</a>
</dd>
<dt>
<a href="#">芙蓉区</a>
</dt>
<dd>
<a href="#">区域1</a>
<a href="#">区域2</a>
<a href="#">区域3</a>
<a href="#">区域4</a>
<a href="#">区域5</a>
<a href="#">区域6</a>
<a href="#">区域7</a>
<a href="#">区域8</a>
<a href="#">区域9</a>
<a href="#">区域10</a>
</dd>
<dt>
<a href="#">岳麓区</a>
</dt>
<dd>
<a href="#">区域1</a>
<a href="#">区域2</a>
<a href="#">区域3</a>
<a href="#">区域4</a>
<a href="#">区域5</a>
<a href="#">区域6</a>
<a href="#">区域7</a>
<a href="#">区域8</a>
<a href="#">区域9</a>
<a href="#">区域10</a>
</dd>
<dt>
<a href="#">开福区</a>
</dt>
<dd>
<a href="#">区域1</a>
<a href="#">区域2</a>
<a href="#">区域3</a>
<a href="#">区域4</a>
<a href="#">区域5</a>
<a href="#">区域6</a>
<a href="#">区域7</a>
<a href="#">区域8</a>
<a href="#">区域9</a>
<a href="#">区域10</a>
</dd>
<dt>
<a href="#">雨花区</a>
</dt>
<dd>
<a href="#">区域1</a>
<a href="#">区域2</a>
<a href="#">区域3</a>
<a href="#">区域4</a>
<a href="#">区域5</a>
<a href="#">区域6</a>
<a href="#">区域7</a>
<a href="#">区域8</a>
<a href="#">区域9</a>
<a href="#">区域10</a>
</dd>
</dl>
</div>
</div>
</div>
</div>
<!-- /#mapInfoCon -->
<div id="shad" class="pull-left">
<div id="mapInfoTab" title="收起左栏">
<span class="glyphicon glyphicon-chevron-left"></span>
</div>
<!-- /#mapInfoTab -->
</div>
<!-- /#shad -->
<div id="mapHolder">
<!-- <img src="images/map.png" width="100%" alt="map" style="position:absolute;left:0;top:0;"> -->
</div>
<!-- /#mapHolder -->
</div>
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script src="plugins/zeroclipboard/ZeroClipboard.js"></script>
<script type="text/javascript" src="plugins/bootstrap-3.3.0/bootstrap.min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?key=M6GifdEIjPmyvWagvcWpFUS2&v=2.0&services=ture"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script>
<script type="text/javascript" src="js/homePage.js"></script>
</body>
</html>