mirror of
https://gitee.com/lvyeyou/DaShuJuZhiDaPingZhanShi.git
synced 2025-06-17 06:55:26 +08:00
197 lines
10 KiB
HTML
197 lines
10 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>地图界面</title>
|
||
<link rel="stylesheet" href="js/bstable/css/bootstrap.min.css">
|
||
<link href="css/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css" />
|
||
<link rel="stylesheet" href="js/jQueryPage/src/jquery.page.css">
|
||
<link rel="stylesheet" href="css/base.css">
|
||
</head>
|
||
<body>
|
||
<!--顶部-->
|
||
<header class="header left">
|
||
<div class="left nav">
|
||
<ul>
|
||
<li ><i class="nav_1"></i><a href="index.html">数据概览</a> </li>
|
||
<li><i class="nav_2"></i><a href="carContrl.html">车辆监控</a> </li>
|
||
<li class="nav_active"><i class="nav_3"></i><a href="map.html">地图界面</a> </li>
|
||
|
||
|
||
|
||
</ul>
|
||
</div>
|
||
<div class="header_center left">
|
||
<h2><strong>xx区智慧旅游综合服务平台</strong></h2>
|
||
<p class="color_font"><small>Comprehensive service platform for smart tourism</small></p>
|
||
</div>
|
||
<div class="right nav text_right">
|
||
<ul> <li><i class="nav_7"></i><a href="static.html">查询统计</a> </li>
|
||
<li><i class="nav_8"></i><a href="message.html">信息录入</a> </li>
|
||
<li><i class="nav_4"></i><a href="table1.html">表格界面</a> </li>
|
||
</ul>
|
||
</div>
|
||
<!--<nav class="left nav">-->
|
||
<!--<ul>-->
|
||
<!--<li class="nav_active"><i class="nav_1"></i><a href="index.html">数据概览</a> </li>-->
|
||
<!--<li><i class="nav_2"></i><a href="carContrl.html">车辆监控</a> </li>-->
|
||
<!--<li><i class="nav_3"></i><a href="map.html">地图界面</a> </li>-->
|
||
<!--<li><i class="nav_4"></i><a href="javascript:void(0)">表格界面</a><ul class="li_ul">-->
|
||
<!--<li><a href="table1.html">表格一</a> </li>-->
|
||
<!--<li><a href="table2.html">表格二</a> </li>-->
|
||
|
||
<!--</ul> </li>-->
|
||
<!--<!–<li><i class="nav_5"></i><a href="#">车载视频</a> </li>–>-->
|
||
<!--<!–<li><i class="nav_6"></i><a href="#">视频监控</a> </li>–>-->
|
||
<!--<li><i class="nav_7"></i><a href="static.html">查询统计</a> </li>-->
|
||
<!--<li><i class="nav_8"></i><a href="message.html">信息录入</a> </li>-->
|
||
<!--</ul>-->
|
||
<!--</nav>-->
|
||
</header>
|
||
<!--内容部分-->
|
||
<div class="map_con left" id="car_control">
|
||
<!--左侧地图-->
|
||
<div class="left map_left" >
|
||
<div class="map_box" id="map_box"></div>
|
||
<div class="map_top">
|
||
<ul>
|
||
<li class="active"><i class="glyphicon glyphicon-pencil"></i><a href="javascript:void (0)" class="active">图层选择</a> </li>
|
||
<li><i class="glyphicon glyphicon-zoom-in"></i><a href="javascript:void (0)">缩小</a> </li>
|
||
<li><i class="glyphicon glyphicon-zoom-out"></i><a href="javascript:void (0)">放大</a> </li>
|
||
<li><i class="glyphicon glyphicon-screenshot"></i><a href="javascript:void (0)">对比</a> </li>
|
||
<li><i class="glyphicon glyphicon-search"></i><a href="javascript:void (0)">搜索</a> </li>
|
||
<li><i class="glyphicon glyphicon-wrench"></i><a href="javascript:void (0)">工具</a> </li>
|
||
<li><i class="glyphicon glyphicon-fullscreen"></i><a href="javascript:void (0)">全屏</a> </li>
|
||
</ul>
|
||
</div>
|
||
<div class="map_select">
|
||
<p><input type="checkbox"><span>人员</span></p>
|
||
<p><input type="checkbox"><span>车辆</span></p>
|
||
<p><input type="checkbox"><span>房屋</span></p>
|
||
<p><input type="checkbox"><span>摄像头</span></p>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!--右侧功能栏-->
|
||
<div class="right map_right ">
|
||
<div class="map_right_top">
|
||
<ul><li class="li_active">预警信息</li>
|
||
<li>分类搜索</li>
|
||
<li>专题信息</li></ul>
|
||
</div>
|
||
<div class="map_con">
|
||
<div class="map_con_div" style="display: block" >
|
||
<div class="map_chart">
|
||
|
||
<p id="char1" class="p_chart"></p>
|
||
</div>
|
||
<div class="div_any_child">
|
||
<!--<div class="div_any_title"><img src="img/title_4.png">行驶时长排名前5位 </div>-->
|
||
<div class="table_p">
|
||
<table>
|
||
<thead><tr>
|
||
<th>排名</th>
|
||
<th>车牌号</th>
|
||
<th>时长（km）</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr><td>1</td><td>京A12345</td><td>134.2</td></tr>
|
||
<tr><td>1</td><td>京A12345</td><td>134.2</td></tr>
|
||
<tr><td>1</td><td>京A12345</td><td>134.2</td></tr>
|
||
<tr><td>1</td><td>京A12345</td><td>134.2</td></tr>
|
||
<tr><td>1</td><td>京A12345</td><td>134.2</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="map_con_div" >
|
||
<p>
|
||
<input type="text" placeholder="输入关键字" class="carNo_input"><input type="button" class="find_but">
|
||
</p>
|
||
<div class="map_work">
|
||
<ul>
|
||
<li>
|
||
<div class="img_div img_div01"></div>
|
||
<div class="img_div_text">便民服务</div>
|
||
</li>
|
||
<li>
|
||
<div class="img_div img_div02"></div>
|
||
<div class="img_div_text">便民服务</div>
|
||
</li>
|
||
<li>
|
||
<div class="img_div img_div01"></div>
|
||
<div class="img_div_text">便民服务</div>
|
||
</li>
|
||
<li>
|
||
<div class="img_div img_div01"></div>
|
||
<div class="img_div_text">便民服务</div>
|
||
</li>
|
||
<li>
|
||
<div class="img_div img_div01"></div>
|
||
<div class="img_div_text">便民服务</div>
|
||
</li>
|
||
<li>
|
||
<div class="img_div img_div01"></div>
|
||
<div class="img_div_text">便民服务</div>
|
||
</li>
|
||
<li>
|
||
<div class="img_div img_div01"></div>
|
||
<div class="img_div_text">便民服务</div>
|
||
</li>
|
||
<li>
|
||
<div class="img_div img_div01"></div>
|
||
<div class="img_div_text">便民服务</div>
|
||
</li>
|
||
<li>
|
||
<div class="img_div img_div01"></div>
|
||
<div class="img_div_text">便民服务</div>
|
||
</li>
|
||
</ul>
|
||
<div class="map_resList">
|
||
<p class="set_list"><i class="list_i"></i> 查询结果：<span class="right"><i class="glyphicon glyphicon-backward back_i"></i><a href="javascript:void(0)" onclick="back()">返回 </a> </span></p>
|
||
<ul>
|
||
<li><p><strong>爱尚美术馆</strong><span class="right"><a href="javascript:void(0)" title="视频"><img src="img/nav_5.png"> </a><a href="javascript:void(0)" title="定位"><img src="img/find01.png"> </a> </span></p>
|
||
<p>四川省成都市高新区北美一路31号</p></li>
|
||
<li><p><strong>爱尚美术馆</strong><span class="right"><a href="javascript:void(0)" title="视频"><img src="img/nav_5.png"> </a><a href="javascript:void(0)" title="定位"><img src="img/find01.png"> </a> </span></p>
|
||
<p>四川省成都市高新区北美一路31号</p></li>
|
||
<li><p><strong>爱尚美术馆</strong><span class="right"><a href="javascript:void(0)" title="视频"><img src="img/nav_5.png"> </a><a href="javascript:void(0)" title="定位"><img src="img/find01.png"> </a> </span></p>
|
||
<p>四川省成都市高新区北美一路31号</p></li>
|
||
<li><p><strong>爱尚美术馆</strong><span class="right"><a href="javascript:void(0)" title="视频"><img src="img/nav_5.png"> </a><a href="javascript:void(0)" title="定位"><img src="img/find01.png"> </a> </span></p>
|
||
<p>四川省成都市高新区北美一路31号</p></li>
|
||
<li><p><strong>爱尚美术馆</strong><span class="right"><a href="javascript:void(0)" title="视频"><img src="img/nav_5.png"> </a><a href="javascript:void(0)" title="定位"><img src="img/find01.png"> </a> </span></p>
|
||
<p>四川省成都市高新区北美一路31号</p></li>
|
||
</ul>
|
||
<div id="page"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="map_con_div">
|
||
<div class=" bow_shadow">
|
||
<p>
|
||
<input type="text" placeholder="输入关键字" class="carNo_input"><input type="button" class="find_but">
|
||
</p>
|
||
|
||
<p class="set_list"><i class="list_i"></i> 专题列表：</p>
|
||
<p ><ul id="treeDemo" class="ztree"></ul></p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
<script src="js/jquery/jQuery-2.2.0.min.js"></script>
|
||
<script src="js/base.js"></script>
|
||
<script src="js/echarts-all.js"></script>
|
||
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=5ieMMexWmzB9jivTq6oCRX9j&callback"></script>
|
||
<script src="js/jQueryPage/src/jquery.page.js"></script>
|
||
<script src="js/map_control.js"></script>
|
||
<script src="js/ztree/jquery.ztree.all-3.5.js"></script>
|
||
<script src="js/listTree.js"></script>
|
||
</body>
|
||
</html>
|