You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
164 lines
13 KiB
164 lines
13 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
|
<title></title>
|
|
<meta charset="utf-8" />
|
|
<link rel="stylesheet" href="../layui/css/layui.css" media="all" />
|
|
<link href="css/map.css" rel="stylesheet" />
|
|
<script src="https://webapi.amap.com/maps?v=1.4.15&key=9a8223989b188cb6ef0fb1fde4fd748a"></script>
|
|
<script src="https://webapi.amap.com/maps?v=1.4.15&key=9a8223989b188cb6ef0fb1fde4fd748a&plugin=AMap.MouseTool,AMap.MarkerClusterer,AMap.ToolBar"></script>
|
|
</head>
|
|
<body>
|
|
<div id="map"></div>
|
|
<!-- POI检索框 -->
|
|
<div id="amapSearchDiv" style="display:none">
|
|
<div id="amapSearchFrame" class="search bar">
|
|
<div style="position:relative;width:100%;">
|
|
<input id="amapSearchVal" class="searchVal" placeholder="请输入搜索内容" name="cname" type="text">
|
|
<button id="ResourceSearchBtn" class="searchBtn" type="button">资源查询</button>
|
|
<button id="amapSearchBtn" class="searchBtn" type="button">POI查询</button>
|
|
</div>
|
|
</div>
|
|
<div id="amapSearchContent">
|
|
<!--<div class="amap_lib_placeSearch"><div class="amap_lib_placeSearch_list"><ul class="amap_lib_placeSearch_ul"><li class="poibox selected"><div class="amap_lib_placeSearch_poi poibox-icon">1</div> <div class="poi-img" style="background-image:url(//store.is.autonavi.com/showpic/c6790e8418038aa9a70c98d8c5e7ea59?operate=merge&w=90&h=56&position=5)"> </div><h3 class="poi-title"><span class="poi-name">石河子站</span><a class="poi-more" title="详情">></a></h3><div class="poi-info"><p class="poi-addr">地址：东一路与南二路交汇处向东</p></div><div class="clear"></div></li><li class="poibox"><div class="amap_lib_placeSearch_poi poibox-icon">2</div><h3 class="poi-title"><span class="poi-name">石河子市</span><a class="poi-more" title="详情">></a></h3><div class="poi-info"><p class="poi-addr">地址：石河子市</p></div><div class="clear"></div></li><li class="poibox"><div class="amap_lib_placeSearch_poi poibox-icon">3</div> <div class="poi-img" style="background-image:url(//store.is.autonavi.com/showpic/3e2887c7d0152da6601dfab63757935f?operate=merge&w=90&h=56&position=5)"> </div><h3 class="poi-title"><span class="poi-name">开发区客运站(北三东路)</span><a class="poi-more" title="详情">></a></h3><div class="poi-info"><p class="poi-addr">地址：北四路开发区57小区</p><p class="poi-tel">电话：0993-2091310</p></div><div class="clear"></div></li><li class="poibox"><div class="amap_lib_placeSearch_poi poibox-icon">4</div> <div class="poi-img" style="background-image:url(//store.is.autonavi.com/showpic/8664520d2a7ae2f6e8bfbcfc36cd5ac8?operate=merge&w=90&h=56&position=5)"> </div><h3 class="poi-title"><span class="poi-name">新疆兵团军垦博物馆</span><a class="poi-more" title="详情">></a></h3><div class="poi-info"><p class="poi-addr">地址：北三路59号</p><p class="poi-tel">电话：0993-2012111;0993-2093220</p></div><div class="clear"></div></li><li class="poibox"><div class="amap_lib_placeSearch_poi poibox-icon">5</div> <div class="poi-img" style="background-image:url(//store.is.autonavi.com/showpic/23eeb188593101057ae071bd00193bfb?operate=merge&w=90&h=56&position=5)"> </div><h3 class="poi-title"><span class="poi-name">八毛凉皮总店(西小路店)</span><a class="poi-more" title="详情">></a></h3><div class="poi-info"><p class="poi-addr">地址：老街街道新疆石河子西小路129号八毛凉皮总店</p><p class="poi-tel">电话：13899533962</p></div><div class="clear"></div></li><li class="poibox"><div class="amap_lib_placeSearch_poi poibox-icon">6</div> <div class="poi-img" style="background-image:url(//store.is.autonavi.com/showpic/b2fb3e8f63bb2db5a86ac89c826e13ea?operate=merge&w=90&h=56&position=5)"> </div><h3 class="poi-title"><span class="poi-name">西公园</span><a class="poi-more" title="详情">></a></h3><div class="poi-info"><p class="poi-addr">地址：西一路303号</p></div><div class="clear"></div></li><li class="poibox"><div class="amap_lib_placeSearch_poi poibox-icon">7</div> <div class="poi-img" style="background-image:url(//store.is.autonavi.com/showpic/c1c729ddec08fb37fdc4b1708c6cabf1?operate=merge&w=90&h=56&position=5)"> </div><h3 class="poi-title"><span class="poi-name">石河子宾馆</span><a class="poi-more" title="详情">></a></h3><div class="poi-info"><p class="poi-addr">地址：东环路4号</p><p class="poi-tel">电话：0993-7501100</p></div><div class="clear"></div></li><li class="poibox"><div class="amap_lib_placeSearch_poi poibox-icon">8</div> <div class="poi-img" style="background-image:url(//store.is.autonavi.com/showpic/9c3e535c8ddaccef04de5d1d3f94fc56?operate=merge&w=90&h=56&position=5)"> </div><h3 class="poi-title"><span class="poi-name">恒和华星酒店</span><a class="poi-more" title="详情">></a></h3><div class="poi-info"><p class="poi-tel">电话：0993-7282888;0993-2627707</p></div><div class="clear"></div></li><li class="poibox"><div class="amap_lib_placeSearch_poi poibox-icon">9</div> <div class="poi-img" style="background-image:url(//store.is.autonavi.com/showpic/519ec94ca5e43ba6ce72dedad91f7980?operate=merge&w=90&h=56&position=5)"> </div><h3 class="poi-title"><span class="poi-name">金绿萝酒店</span><a class="poi-more" title="详情">></a></h3><div class="poi-info"><p class="poi-addr">地址：成渝大厦1层</p><p class="poi-tel">电话：0993-2585858</p></div><div class="clear"></div></li><li class="poibox"><div class="amap_lib_placeSearch_poi poibox-icon">10</div> <div class="poi-img" style="background-image:url(//store.is.autonavi.com/showpic/5342e15947d2f509c6290ef7dac6ebaa?operate=merge&w=90&h=56&position=5)"> </div><h3 class="poi-title"><span class="poi-name">世纪广场</span><a class="poi-more" title="详情">></a></h3><div class="poi-info"><p class="poi-addr">地址：北三路与东五路交汇处西南</p></div><div class="clear"></div></li></ul></div><div class="amap_lib_placeSearch_page"><span><a pageno="1" class="pageLink current">1</a></span><span><a pageno="2" class="pageLink ">2</a></span><span><a pageno="3" class="pageLink ">3</a></span><span><a pageno="2" class="pageLink">下一页</a></span></div></div>-->
|
|
</div>
|
|
</div>
|
|
<!-- 轨迹回放工具栏 -->
|
|
<div id="cartratoolList" style="display:none">
|
|
<button id="startAnimation" type="button" class="layui-btn layui-btn-sm">开始</button>
|
|
<button id="pauseAnimation" type="button" class="layui-btn layui-btn-sm">暂停</button>
|
|
<button id="resumeAnimation" type="button" class="layui-btn layui-btn-sm">继续</button>
|
|
<button id="stopAnimation" type="button" class="layui-btn layui-btn-sm">停止</button>
|
|
<button id="speedAnimation" type="button" class="layui-btn layui-btn-sm">气泡</button>
|
|
</div>
|
|
<!-- 车辆轨迹回放列表 -->
|
|
<div id="carTraListDiv" style="display:none">
|
|
<div class="minimize">
|
|
<img src="img/最小化.png" title="最小化" />
|
|
</div>
|
|
<form class="layui-form">
|
|
<div class="layui-input-inline">
|
|
<select id="carnum" lay-filter="carnum" lay-search="">
|
|
</select>
|
|
</div>
|
|
<div class="layui-inline" style="margin-left:20px">
|
|
<div class="layui-input-inline">
|
|
<input id="travelTime" type="text" class="layui-input" placeholder="开始日期 - 结束日期" style="width: 200px !important;" />
|
|
</div>
|
|
</div>
|
|
<table id="carTraList" class="layui-table" lay-skin="line">
|
|
<thead>
|
|
<tr>
|
|
<th>启动时间</th>
|
|
<th>熄火时间</th>
|
|
<th>平均速度</th>
|
|
<th>操作</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="carTraTbody"></tbody>
|
|
</table>
|
|
</form>
|
|
</div>
|
|
<!-- 车辆列表 -->
|
|
<div id="carListDiv">
|
|
<div class="minimize">
|
|
<img src="img/最小化.png" title="最小化"/>
|
|
</div>
|
|
<div class="search bar">
|
|
<div style="position:relative;width:300px;">
|
|
<input id="carListsearchVal" class="searchVal" placeholder="请输入搜索内容" name="cname" type="text">
|
|
<button id="carListsearchBtn" class="searchBtn" type="button"><i class="layui-icon" style="font-size:20px;"></i> 查询</button>
|
|
</div>
|
|
</div>
|
|
<table id="carList" lay-filter="carList"></table>
|
|
</div>
|
|
<!--定位-->
|
|
<script type="text/html" id="carLocationBar">
|
|
<a lay-event="carLocation"><img src="img/carLocation.png" style="width:19px; height:26px; cursor:pointer;" title="定位" /></a>
|
|
</script>
|
|
<!--轨迹-->
|
|
<script type="text/html" id="trajectoryBar">
|
|
<a lay-event="trajectory"><img src="img/trajectory.png" style="width:26px; height:26px; cursor:pointer;" title="轨迹" /></a>
|
|
</script>
|
|
<!--电子围栏-->
|
|
<script type="text/html" id="electronicFenceBar">
|
|
<a lay-event="electronicFence"><img src="img/electronicFence.png" style="width:26px; height:20px; cursor:pointer;" title="电子围栏" /></a>
|
|
</script>
|
|
<!-- 右上角工具栏 -->
|
|
<div id="toolList">
|
|
<div class="toolModule">
|
|
<img id="measureArea" src="img/is面积.png" title="测面" data-value="0"/>
|
|
</div>
|
|
<div class="toolModule">
|
|
<img id="ranging" src="img/is测量.png" title="测距" data-value="0"/>
|
|
</div>
|
|
<div class="toolModule">
|
|
<img id="printing" src="img/打印.png" title="打印" />
|
|
</div>
|
|
<div class="toolModule">
|
|
<img id="fullScreen" src="img/放大.png" title="全屏" data-value="1"/>
|
|
</div>
|
|
<div class="toolModule">
|
|
<img id="tool_search" src="img/is搜索.png" title="POI搜索" data-value="0"/>
|
|
</div>
|
|
<div class="toolModule">
|
|
<img id="tool_vehicleList" src="img/车辆列表.png" title="车辆列表" data-value="1" />
|
|
</div>
|
|
<div class="toolModule">
|
|
<img id="tool_traffic" src="img/is实时路况.png" title="实时路况" data-value="0" />
|
|
</div>
|
|
<div class="toolModule" style="border-right: 0.5px solid rgba(202, 201, 201, 0.73);">
|
|
<img id="tool_pathPlanning" src="img/is路径规划.png" title="路径规划" data-value="0" />
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript" src="../../layui/layui.js"></script>
|
|
<script src="ParaDeal.js"></script>
|
|
<script src="coordinateTransformation.js"></script>
|
|
<script src="index.js"></script>
|
|
<!-- 资源树 -->
|
|
<div class="xfzy-zys fl">
|
|
<ul>
|
|
<li id="xfzy-zys-xfs" class="xfzy-zys1" data-value="0"><a href="javascript:void(0)"><span class="xfzy-zys1a"></span>消防栓</a></li>
|
|
<li id="xfzy-zys-crane" class="xfzy-zys2" data-value="0"><a href="javascript:void(0)"><span class="xfzy-zys2a"></span>消防水鹤</a></li>
|
|
<li id="xfzy-zys-watersouce" class="xfzy-zys3" data-value="0"><a href="javascript:void(0)"><span class="xfzy-zys3a"></span>天然水源</a></li>
|
|
<li id="xfzy-zys-watermt" class="xfzy-zys4" data-value="0"><a href="javascript:void(0)"><span class="xfzy-zys4a"></span>取水码头</a></li>
|
|
<li id="xfzy-zys-station" class="xfzy-zys5" data-value="0"><a href="javascript:void(0)"><span class="xfzy-zys5a"></span>微型消防站</a></li>
|
|
</ul>
|
|
</div>
|
|
<!-- 底部选项卡 -->
|
|
<div class="layui-tab layui-tab-brief xfzy-gjl" lay-filter="docDemoTabBrief">
|
|
<div class="minimize">
|
|
<img src="img/最小化.png" title="最小化">
|
|
</div>
|
|
<ul class="layui-tab-title">
|
|
<li class="layui-this">执勤力量</li>
|
|
<li>应急联动单位</li>
|
|
<li>联勤保障单位</li>
|
|
<li>专家信息</li>
|
|
</ul>
|
|
<div class="layui-tab-content" style="height: 100px;">
|
|
<div class="layui-tab-item layui-show">
|
|
<table id="OrgList" lay-filter="OrgList"></table>
|
|
</div>
|
|
<div class="layui-tab-item">
|
|
<table id="EUnitList" lay-filter="EUnitList"></table>
|
|
</div>
|
|
<div class="layui-tab-item">
|
|
<table id="LUnitList" lay-filter="LUnitList"></table>
|
|
</div>
|
|
<div class="layui-tab-item">
|
|
<table id="ExpertList" lay-filter="ExpertList"></table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="xfzy-gjl-show">
|
|
<div class="xfzy-gjl-icon2">
|
|
|
|
</div>
|
|
<div style="margin: -35px 0 0 20px;">
|
|
<h4 style="color:#fff">执勤力量</h4>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
|