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.
956 lines
40 KiB
956 lines
40 KiB
11 months ago
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
|
||
|
|
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=AmZCYEBexWF2GnRLtB2s4lxTLvohzwPl"></script>
|
||
|
|
<link href="style0712.css" rel="stylesheet" type="text/css" />
|
||
|
|
<link href="fonts/iconfont.css" rel="stylesheet" type="text/css" />
|
||
|
|
<link rel="stylesheet" href="../../layui/css/layui.css" media="all" />
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="../../css/public.css" media="all" />
|
||
|
|
<script src="../../js/jquery-2.1.3.min.js" type="text/javascript"></script>
|
||
|
|
<script src="../../js/jquery.cookie.js" type="text/javascript"></script>
|
||
|
|
<link href="http://api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.css" rel="stylesheet" type="text/css" />
|
||
|
|
<script type="text/javascript" src="http://api.map.baidu.com/library/CurveLine/1.5/src/CurveLine.min.js"></script>
|
||
|
|
<script type="text/javascript" src="http://api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.js"></script>
|
||
|
|
<title>地图展示</title>
|
||
|
|
<style>
|
||
|
|
.anchorBL{display: none !important;}
|
||
|
|
.BMap_noprint.anchorTR{left:15px !important;display: none;}
|
||
|
|
|
||
|
|
.BMap_stdMpCtrl{bottom: 90px !important; right: 3px !important;left: auto !important;top: auto !important;}
|
||
|
|
|
||
|
|
.resource
|
||
|
|
{
|
||
|
|
background: #fff;
|
||
|
|
}
|
||
|
|
.showtool
|
||
|
|
{
|
||
|
|
color:#fff;
|
||
|
|
background: #3976ff;
|
||
|
|
}
|
||
|
|
.hidetool
|
||
|
|
{
|
||
|
|
background: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body class="xfmap">
|
||
|
|
|
||
|
|
<div class="mainbox">
|
||
|
|
<div id="allmap" class="main-map"></div>
|
||
|
|
<div class="mainfootbox">
|
||
|
|
<ul class="tab01">
|
||
|
|
<li class="one" onclick="tab01click('jqdt');">警情动态</li>
|
||
|
|
<li onclick="tab01click('dxdt');">对象动态</li>
|
||
|
|
<li onclick="tab01click('zqll');">执勤力量</li>
|
||
|
|
<li onclick="tab01click('ldlq');">联动联勤</li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<div class="mainfootcon">
|
||
|
|
<div class="ct">
|
||
|
|
<div class="table01" style="border-right: 1px solid #e2e2e2;">
|
||
|
|
<h4><span class="titlable"></span>报警信息</h4>
|
||
|
|
<table>
|
||
|
|
<tr>
|
||
|
|
<td>单位名称：</td>
|
||
|
|
<td id="td1-dwdz"></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>警情地址：</td>
|
||
|
|
<td id="td1-add"></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>报警人：</td>
|
||
|
|
<td id="td1-name"></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>联系电话：</td>
|
||
|
|
<td id="td1-tel"></td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
<div class="table01">
|
||
|
|
<h4><span class="titlable"></span>警情要点</h4>
|
||
|
|
<table>
|
||
|
|
<tr>
|
||
|
|
<td>地火部位：</td>
|
||
|
|
<td id="td1-qhbw"></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>起火物质：</td>
|
||
|
|
<td id="td1-qhwz"></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>被困人员：</td>
|
||
|
|
<td id="td1-num"></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>危险物质：</td>
|
||
|
|
<td id="td1-wxwz"></td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
<div class="table01" style="width: 100%;padding: 0;">
|
||
|
|
<h4><span class="titlable"></span>警情图片</h4>
|
||
|
|
<div class="imghuojing">
|
||
|
|
<img src="../images/img01.png" class="img-responsive"/>
|
||
|
|
<img src="../images/img01.png" class="img-responsive"/>
|
||
|
|
<img src="../images/img01.png" class="img-responsive"/>
|
||
|
|
<img src="../images/img01.png" class="img-responsive"/>
|
||
|
|
<img src="../images/img01.png" class="img-responsive"/>
|
||
|
|
<img src="../images/img01.png" class="img-responsive"/>
|
||
|
|
<img src="../images/img01.png" class="img-responsive"/>
|
||
|
|
<img src="../images/img01.png" class="img-responsive"/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="ct">
|
||
|
|
<div class="table02">
|
||
|
|
<table>
|
||
|
|
<tr style="margin-bottom: 10px;">
|
||
|
|
<span id="addimg"><img src="../images/img01.png" class="img-responsive slt"/></span>
|
||
|
|
<h3 class="jjmc">建筑名称：<span id="td2-jzmc"></span></h3>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>使用性质：</td>
|
||
|
|
<td id="td2-jzxz"></td>
|
||
|
|
<td>建筑结构：</td>
|
||
|
|
<td id="td2-jzjg"></td>
|
||
|
|
<td>建筑高度：</td>
|
||
|
|
<td id="td2-jzgd"></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>占地面积：</td>
|
||
|
|
<td id="td2-zdmj"></td>
|
||
|
|
<td>地上层数：</td>
|
||
|
|
<td id="td2-dscs"></td>
|
||
|
|
<td>地下层数：</td>
|
||
|
|
<td id="td2-dxcs"></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>消防安全管理人：</td>
|
||
|
|
<td id="td2-glr"></td>
|
||
|
|
<td>联系电话：</td>
|
||
|
|
<td id="td2-glrtel"></td>
|
||
|
|
<td>消防安全负责人：</td>
|
||
|
|
<td id="td2-fzr"></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>联系电话：</td>
|
||
|
|
<td id="td2-fzrtel"></td>
|
||
|
|
<td></td>
|
||
|
|
<td></td>
|
||
|
|
<td></td>
|
||
|
|
<td></td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
<div class="am-flexbox btnzu">
|
||
|
|
<div class="am-flexbox-item"><button class="btn-dxdt">建筑消火栓</button></div>
|
||
|
|
<div class="am-flexbox-item"><button class="btn-dxdt">火警自动报警</button></div>
|
||
|
|
<div class="am-flexbox-item"><button class="btn-dxdt">建筑结构图</button></div>
|
||
|
|
<div class="am-flexbox-item"><button class="btn-dxdt">灭火救援预案</button></div>
|
||
|
|
</div>
|
||
|
|
<div class="tdwidthauto tableabc">
|
||
|
|
<h3 class="text-center hhh3">标题</h3>
|
||
|
|
<table>
|
||
|
|
<tr>
|
||
|
|
<th>一</th>
|
||
|
|
<th>二</th>
|
||
|
|
<th>三</th>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td></td>
|
||
|
|
<td></td>
|
||
|
|
<td></td>
|
||
|
|
</tr>
|
||
|
|
<tr class="alt">
|
||
|
|
<td></td>
|
||
|
|
<td></td>
|
||
|
|
<td></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td></td>
|
||
|
|
<td></td>
|
||
|
|
<td></td>
|
||
|
|
</tr>
|
||
|
|
<tr class="alt">
|
||
|
|
<td></td>
|
||
|
|
<td></td>
|
||
|
|
<td></td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="ct">
|
||
|
|
<div class="mainfootbox02">
|
||
|
|
<ul class="tab02">
|
||
|
|
<li class="one02">自定义查询</li>
|
||
|
|
<li>预案编程</li>
|
||
|
|
<li>等级编成</li>
|
||
|
|
</ul>
|
||
|
|
<div class="mainfootcon02">
|
||
|
|
<div class="ct02">
|
||
|
|
<div class="table01">
|
||
|
|
<h3 class="text-center hhh3">自定义查询</h3>
|
||
|
|
<div class="list000">
|
||
|
|
<h5>消防队站查询</h5>
|
||
|
|
<div class="am-flexbox cxk01">
|
||
|
|
<div>
|
||
|
|
<select>
|
||
|
|
<option>全部</option>
|
||
|
|
<option>A消防队</option>
|
||
|
|
<option>B消防队</option>
|
||
|
|
<option>C消防队</option>
|
||
|
|
<option>D消防队</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
<div class="am-flexbox-item" style="position: relative;"><input type="text"><span>个</span></div>
|
||
|
|
<button class="btn-ss"><img src="../images/ss.png" class="img-responsive center-block"/></button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="list000">
|
||
|
|
<h5>消防车辆查询</h5>
|
||
|
|
<div class="am-flexbox cxk01">
|
||
|
|
<div class="div0001">
|
||
|
|
<input type="text" placeholder="请输入车辆名称">
|
||
|
|
</div>
|
||
|
|
<div class="am-flexbox-item" style="position: relative;"><input type="text"><span>辆</span></div>
|
||
|
|
<button class="btn-ss"><img src="../images/ss.png" class="img-responsive center-block"/></button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="list000">
|
||
|
|
<h5>消防器材查询</h5>
|
||
|
|
<div class="am-flexbox cxk01">
|
||
|
|
<div class="div0001">
|
||
|
|
<input type="text" placeholder="请输入器材名称">
|
||
|
|
</div>
|
||
|
|
<div class="am-flexbox-item" style="position: relative;"><input type="text"><span>辆</span></div>
|
||
|
|
<button class="btn-ss"><img src="../images/ss.png" class="img-responsive center-block"/></button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="list000">
|
||
|
|
<h5>灭火药剂查询</h5>
|
||
|
|
<div class="am-flexbox cxk01">
|
||
|
|
<div class="div0001">
|
||
|
|
<input type="text" placeholder="请输入药剂名称">
|
||
|
|
</div>
|
||
|
|
<div class="am-flexbox-item" style="position: relative;"><input type="text"><span>辆</span></div>
|
||
|
|
<button class="btn-ss"><img src="../images/ss.png" class="img-responsive center-block"/></button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="ct02">
|
||
|
|
<div class="table01">
|
||
|
|
<h3 class="text-center hhh3">预案编程</h3>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="ct02">
|
||
|
|
<div class="table01">
|
||
|
|
<h3 class="text-center hhh3">等级编成</h3>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="ct">
|
||
|
|
<div class="mainfootbox03">
|
||
|
|
<ul class="tab03">
|
||
|
|
<li class="one03">应急联动单位</li>
|
||
|
|
<li>联勤保障单位</li>
|
||
|
|
<li>专家</li>
|
||
|
|
</ul>
|
||
|
|
<div class="mainfootcon03">
|
||
|
|
<div class="ct03">
|
||
|
|
<div class="table01 tdwidthauto">
|
||
|
|
<h3 class="text-center hhh3">应急联动单位</h3>
|
||
|
|
<table>
|
||
|
|
<tr>
|
||
|
|
<th>单位名称</th>
|
||
|
|
<th>联系人</th>
|
||
|
|
<th>联系电话</th>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td id="td3-1name"></td>
|
||
|
|
<td id="td3-2name"></td>
|
||
|
|
<td id="td3-3tel"></td>
|
||
|
|
</tr>
|
||
|
|
<tr class="alt">
|
||
|
|
<td></td>
|
||
|
|
<td></td>
|
||
|
|
<td></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td></td>
|
||
|
|
<td></td>
|
||
|
|
<td></td>
|
||
|
|
</tr>
|
||
|
|
<tr class="alt">
|
||
|
|
<td></td>
|
||
|
|
<td></td>
|
||
|
|
<td></td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="ct03">
|
||
|
|
<div class="table01">
|
||
|
|
<h3 class="text-center hhh3">联勤保障单位</h3>
|
||
|
|
<table>
|
||
|
|
<tr>
|
||
|
|
<th>单位名称</th>
|
||
|
|
<th>联系人</th>
|
||
|
|
<th>联系电话</th>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td id="td3-12name"></td>
|
||
|
|
<td id="td3-22name"></td>
|
||
|
|
<td id="td3-33tel"></td>
|
||
|
|
</tr>
|
||
|
|
<tr class="alt">
|
||
|
|
<td></td>
|
||
|
|
<td></td>
|
||
|
|
<td></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td></td>
|
||
|
|
<td></td>
|
||
|
|
<td></td>
|
||
|
|
</tr>
|
||
|
|
<tr class="alt">
|
||
|
|
<td></td>
|
||
|
|
<td></td>
|
||
|
|
<td></td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="ct03">
|
||
|
|
<div class="table01">
|
||
|
|
<h3 class="text-center hhh3">专家</h3>
|
||
|
|
<table>
|
||
|
|
<tr>
|
||
|
|
<th>专家</th>
|
||
|
|
<th>所属单位</th>
|
||
|
|
<th>联系电话</th>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td id="td3-122name"></td>
|
||
|
|
<td id="td3-222name"></td>
|
||
|
|
<td id="td3-332tel"></td>
|
||
|
|
</tr>
|
||
|
|
<tr class="alt">
|
||
|
|
<td></td>
|
||
|
|
<td></td>
|
||
|
|
<td></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td></td>
|
||
|
|
<td></td>
|
||
|
|
<td></td>
|
||
|
|
</tr>
|
||
|
|
<tr class="alt">
|
||
|
|
<td></td>
|
||
|
|
<td></td>
|
||
|
|
<td></td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<ul id="accordion" class="rightbox-mhws accordion" style="position: absolute;z-index: 11111;">
|
||
|
|
<li>
|
||
|
|
<div class="maplink">
|
||
|
|
<h3><span class="titlable"></span>火场文书<i class="iconfont icon-down-trangle-copy"></i></h3>
|
||
|
|
</div>
|
||
|
|
<table id="customers" class="customers submenu">
|
||
|
|
<tr>
|
||
|
|
<th>文书内容</th>
|
||
|
|
<th>流水时间</th>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td id="right2001"></td>
|
||
|
|
<td id="right2002"></td>
|
||
|
|
</tr>
|
||
|
|
<tr class="">
|
||
|
|
<td id="right1001"></td>
|
||
|
|
<td id="right1002"></td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<div class="maplink">
|
||
|
|
<h3><span class="titlable"></span>消防报警<i class="iconfont icon-down-trangle-copy"></i></h3>
|
||
|
|
</div>
|
||
|
|
<table id="customers02" class="customers submenu">
|
||
|
|
<tr>
|
||
|
|
<th>火情地点</th>
|
||
|
|
<th>报警时间</th>
|
||
|
|
</tr>
|
||
|
|
<tr class="newinfo" warnid="123">
|
||
|
|
<td><img src="../images/ling.gif" class="img-responsive tixinggif"/> BBB</td>
|
||
|
|
<td>04-09 18:10</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="newinfo" warnid="321">
|
||
|
|
<td>AAA</td>
|
||
|
|
<td>03-06 14:10</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<div>
|
||
|
|
<main class='btncontainer'>
|
||
|
|
<div class='btnwrap'>
|
||
|
|
<input type='checkbox' id='checking' style='display:none;' />
|
||
|
|
<button class='blob resource pool' ><i style=" width: 40px;height: 40px; background-image: url(../../images/水电站.png); background-repeat: no-repeat; background-size: 100% 100%; "></i>消防栓</button>
|
||
|
|
<button class='blob resource pool' ><i class="iconfont icon-law"></i>重点建筑</button>
|
||
|
|
<button class='blob resource pool' ><i class="iconfont icon-danweikongjian"></i>消防单位</button>
|
||
|
|
<button class='blob resource pool' ><i class="iconfont icon-xiaofangshuichishujuweihu"></i>消防水源</button>
|
||
|
|
<label class='blob blobbtn' for='checking' style="background-color: #153ce4;display: block;">
|
||
|
|
<span class='bar'></span>
|
||
|
|
<span class='bar'></span>
|
||
|
|
<span class='bar'></span>
|
||
|
|
</label>
|
||
|
|
<div style="width: 120px;height: 80px;background: #fff;opacity:0;"></div>
|
||
|
|
</div>
|
||
|
|
</main>
|
||
|
|
<svg>
|
||
|
|
<defs>
|
||
|
|
<filter id="filt">
|
||
|
|
<feGaussianBlur in="SourceGraphic" result="blur" stdDeviation="1" /><!--stdDeviation svg高斯模糊-->
|
||
|
|
<feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -7" result="filt" />
|
||
|
|
<feBlend in2="filt" in="SourceGraphic" result="mix" />
|
||
|
|
</filter>
|
||
|
|
</defs>
|
||
|
|
</svg>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</body>
|
||
|
|
<script type="text/javascript" src="../../layui/layui.js"></script>
|
||
|
|
<script type="text/javascript">
|
||
|
|
layui.config({
|
||
|
|
base: '../../js/'
|
||
|
|
}).use(['ztree', 'form', 'layer', 'table', 'laytpl'], function () {
|
||
|
|
var form = layui.form,
|
||
|
|
layer = parent.layer === undefined ? layui.layer : top.layer,
|
||
|
|
$ = layui.jquery,
|
||
|
|
laytpl = layui.laytpl,
|
||
|
|
table = layui.table;
|
||
|
|
var OrgId = JSON.parse(window.sessionStorage.getItem("userInfo")).OrgID;
|
||
|
|
|
||
|
|
|
||
|
|
// 百度地图API功能
|
||
|
|
var map = new BMap.Map("allmap"); // 创建Map实例
|
||
|
|
map.centerAndZoom(new BMap.Point(109.602282, 23.108939), 13); // 初始化地图,设置中心点坐标和地图级别
|
||
|
|
//添加地图类型控件
|
||
|
|
map.addControl(new BMap.MapTypeControl({
|
||
|
|
mapTypes: [
|
||
|
|
BMAP_NORMAL_MAP,
|
||
|
|
BMAP_HYBRID_MAP
|
||
|
|
]
|
||
|
|
}));
|
||
|
|
map.setCurrentCity("贵港市"); // 设置地图显示的城市 此项是必须设置的
|
||
|
|
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
|
||
|
|
|
||
|
|
|
||
|
|
//显示路况
|
||
|
|
var ctrl = new BMapLib.TrafficControl({
|
||
|
|
showPanel: false //是否显示路况提示面板
|
||
|
|
});
|
||
|
|
map.addControl(ctrl);
|
||
|
|
ctrl.setAnchor(BMAP_ANCHOR_BOTTOM_RIGHT);
|
||
|
|
|
||
|
|
//比例尺
|
||
|
|
var bottom_left_navigation = new BMap.NavigationControl(); //左上角，添加默认缩放平移控件
|
||
|
|
map.addControl(bottom_left_navigation);
|
||
|
|
|
||
|
|
|
||
|
|
//存储不同类型的点
|
||
|
|
var arr1 = [], arr2 = [], arr3 = [], arr4 = [], arr5 = [], arr6 = [];
|
||
|
|
$.ajax({
|
||
|
|
type: "post",
|
||
|
|
url: "test.json",
|
||
|
|
data: { Action: "getfiresource", type: "", OrgId: OrgId, random: new Date().getTime() },
|
||
|
|
dataType: "json",
|
||
|
|
success: function (result) {
|
||
|
|
data = result.data;
|
||
|
|
for (var index in data) {
|
||
|
|
|
||
|
|
//创建
|
||
|
|
var point = new BMap.Point(data[index].LON, data[index].LON);
|
||
|
|
if (data[index].TYPE == "1") {//水电站
|
||
|
|
icon = "";
|
||
|
|
}
|
||
|
|
else if (data[index].TYPE == "2") {//取水码头
|
||
|
|
icon = "";
|
||
|
|
}
|
||
|
|
else if (data[index].TYPE == "3") {//天然水源
|
||
|
|
icon = "";
|
||
|
|
}
|
||
|
|
else if (data[index].TYPE == "4") {//消防水池
|
||
|
|
icon = "";
|
||
|
|
}
|
||
|
|
else if (data[index].TYPE == "5") {//消防水鹤
|
||
|
|
icon = "";
|
||
|
|
}
|
||
|
|
else if (data[index].TYPE == "6") {//消防栓
|
||
|
|
icon = "";
|
||
|
|
}
|
||
|
|
|
||
|
|
var myIcon = new BMap.Icon(icon, new BMap.Size(29, 70));
|
||
|
|
// myIcon.setAnchor(0,0);
|
||
|
|
var marker = new BMap.Marker(point, { icon: myIcon }); // 创建标注
|
||
|
|
map.addOverlay(marker); // 将标注添加到地图中
|
||
|
|
|
||
|
|
marker.id = [data[index].ID, data[index].TYPE];
|
||
|
|
marker.addEventListener("click", function (e) {
|
||
|
|
//map.centerAndZoom(e.point, 15); //地图定位中心点
|
||
|
|
position(this.id[0], this.id[1]);
|
||
|
|
});
|
||
|
|
marker.hide();
|
||
|
|
|
||
|
|
if (data[index].TYPE == "1") {//水电站
|
||
|
|
arr1.push(marker);
|
||
|
|
}
|
||
|
|
else if (data[index].TYPE == "2") {//取水码头
|
||
|
|
arr2.push(marker);
|
||
|
|
}
|
||
|
|
else if (data[index].TYPE == "3") {//天然水源
|
||
|
|
arr3.push(marker);
|
||
|
|
}
|
||
|
|
else if (data[index].TYPE == "4") {//消防水池
|
||
|
|
arr4.push(marker);
|
||
|
|
}
|
||
|
|
else if (data[index].TYPE == "5") {//消防水鹤
|
||
|
|
arr5.push(marker);
|
||
|
|
}
|
||
|
|
else if (data[index].TYPE == "6") {//消防栓
|
||
|
|
arr6.push(marker);
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
hide1 = function (type) {
|
||
|
|
var allOverlay = map.getOverlays();
|
||
|
|
for (var i = 0; i < allOverlay.length; i++) {
|
||
|
|
if (allOverlay[i].id[1] == type) {
|
||
|
|
//map.removeOverlay(allOverlay[i]);
|
||
|
|
allOverlay[i].hide();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
hide2 = function (type) {
|
||
|
|
var arrdata = [];
|
||
|
|
if (type == "1") {
|
||
|
|
arrdata = arr1;
|
||
|
|
}
|
||
|
|
else if (type == "2") {
|
||
|
|
arrdata = arr2;
|
||
|
|
}
|
||
|
|
else if (type == "3") {
|
||
|
|
arrdata = arr3;
|
||
|
|
}
|
||
|
|
else if (type == "4") {
|
||
|
|
arrdata = arr4;
|
||
|
|
}
|
||
|
|
else if (type == "5") {
|
||
|
|
arrdata = arr5;
|
||
|
|
}
|
||
|
|
else if (type == "6") {
|
||
|
|
arrdata = arr6;
|
||
|
|
}
|
||
|
|
for (var i = 0; i < arrdata.length; i++) {
|
||
|
|
arrdata[i].hide();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
show1 = function (type) {
|
||
|
|
var allOverlay = map.getOverlays();
|
||
|
|
for (var i = 0; i < allOverlay.length; i++) {
|
||
|
|
if (allOverlay[i].id[1] == eventtype) {
|
||
|
|
//map.removeOverlay(allOverlay[i]);
|
||
|
|
allOverlay[i].show();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
show2 = function (type) {
|
||
|
|
var arrdata = [];
|
||
|
|
if (type == "1") {
|
||
|
|
arrdata = arr1;
|
||
|
|
}
|
||
|
|
else if (type == "2") {
|
||
|
|
arrdata = arr2;
|
||
|
|
}
|
||
|
|
else if (type == "3") {
|
||
|
|
arrdata = arr3;
|
||
|
|
}
|
||
|
|
else if (type == "4") {
|
||
|
|
arrdata = arr4;
|
||
|
|
}
|
||
|
|
else if (type == "5") {
|
||
|
|
arrdata = arr5;
|
||
|
|
}
|
||
|
|
else if (type == "6") {
|
||
|
|
arrdata = arr6;
|
||
|
|
}
|
||
|
|
for (var i = 0; i < arrdata.length; i++) {
|
||
|
|
arrdata[i].show();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
//定位并弹窗
|
||
|
|
position = function (id, type) {
|
||
|
|
|
||
|
|
if (type == "1") {
|
||
|
|
url = "../../ashx/FirePoolHandler.ashx";
|
||
|
|
action = "";
|
||
|
|
}
|
||
|
|
else if (type == "2") {
|
||
|
|
url = "../../ashx/FirePoolHandler.ashx";
|
||
|
|
action = "";
|
||
|
|
}
|
||
|
|
else if (type == "3") {
|
||
|
|
url = "../../ashx/FirePoolHandler.ashx";
|
||
|
|
action = "";
|
||
|
|
}
|
||
|
|
else if (type == "4") {
|
||
|
|
}
|
||
|
|
else if (type == "5") {
|
||
|
|
}
|
||
|
|
else if (type == "6") {
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
//首先根据id获取本条数据
|
||
|
|
$.ajax({
|
||
|
|
type: "post",
|
||
|
|
url: url,
|
||
|
|
data: { action: action, type: "", OrgId: OrgId, random: new Date.getTime() },
|
||
|
|
dataType: "json",
|
||
|
|
success: function (result) {
|
||
|
|
data = result.data;
|
||
|
|
// 添加图文组合的信息窗口
|
||
|
|
var sContent =
|
||
|
|
"<h4 style='margin:0 0 5px 0;padding:0.2em 0;'>地点一</h4>" +
|
||
|
|
"<div>" +
|
||
|
|
"<img style='float:right;margin:4px auto;' id='imgDemo' src='../images/img01.png' width='139' height='104' title='xxxxx'/>" +
|
||
|
|
"<p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>地点一简介简介简介简介地点一简介简介地点一简介简介地点一简介简介简介简介地点一简介简介地点一简介简介</p>" +
|
||
|
|
"<div style='margin-top: 52px; font-size: 14px; color: #666;float: right;cursor: pointer;'><span>查看更多》</span></div>";
|
||
|
|
var infoWindow = new BMap.InfoWindow(sContent); // 创建信息窗口对象
|
||
|
|
this.openInfoWindow(infoWindow);
|
||
|
|
//图片加载完毕重绘infowindow
|
||
|
|
document.getElementById('imgDemo').onload = function () {
|
||
|
|
infoWindow.redraw(); //防止在网速较慢，图片未加载时，生成的信息框高度比图片的总高度小，导致图片部分被隐藏
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
$(".resource").click(function () {
|
||
|
|
var val = $(this).attr("class"); //获取class值做判断
|
||
|
|
var array = val.split(" ");
|
||
|
|
|
||
|
|
if (array.indexOf("showtool") > -1) {
|
||
|
|
$(this).removeClass("showtool");
|
||
|
|
$(this).addClass("hidetool");
|
||
|
|
hide2(resourcetype(array));
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
$(this).removeClass("hidetool");
|
||
|
|
$(this).addClass("showtool");
|
||
|
|
show2(resourcetype(array));
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
//根据class字母值得到数字类型
|
||
|
|
resourcetype = function (array) {
|
||
|
|
var numtype = 0;
|
||
|
|
if (array.indexOf("pool") > -1) {
|
||
|
|
numtype = 1;
|
||
|
|
} else if (array.indexOf("pool") > -1) {
|
||
|
|
numtype = 2;
|
||
|
|
} else if (array.indexOf("pool") > -1) {
|
||
|
|
numtype = 3;
|
||
|
|
} else if (array.indexOf("pool") > -1) {
|
||
|
|
numtype = 4;
|
||
|
|
} else if (array.indexOf("pool") > -1) {
|
||
|
|
numtype = 5;
|
||
|
|
} else if (array.indexOf("pool") > -1) {
|
||
|
|
numtype = 6;
|
||
|
|
}
|
||
|
|
return numtype;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
//右上角报警点击事件
|
||
|
|
$(".newinfo").click(function () {
|
||
|
|
var id = $(this).attr("warnid");
|
||
|
|
alert(id);
|
||
|
|
//接下来根据id获取左下角值
|
||
|
|
})
|
||
|
|
|
||
|
|
|
||
|
|
//临时添加
|
||
|
|
{
|
||
|
|
//创建火灾点--小火苗
|
||
|
|
var point = new BMap.Point(109.613, 23.103);
|
||
|
|
var myIcon = new BMap.Icon("../images/fires.gif", new BMap.Size(29, 70));
|
||
|
|
// myIcon.setAnchor(0,0);
|
||
|
|
var marker = new BMap.Marker(point, { icon: myIcon }); // 创建标注
|
||
|
|
map.addOverlay(marker); // 将标注添加到地图中
|
||
|
|
|
||
|
|
var point1 = new BMap.Point(109.635, 23.117);
|
||
|
|
var myIcon = new BMap.Icon("../images/fires.gif", new BMap.Size(29, 70));
|
||
|
|
var marker1 = new BMap.Marker(point1, { icon: myIcon }); // 创建标注
|
||
|
|
map.addOverlay(marker1); // 将标注添加到地图中
|
||
|
|
|
||
|
|
//自定义图标
|
||
|
|
var pt2 = new BMap.Point(109.642, 23.1158);
|
||
|
|
var pt3 = new BMap.Point(109.609, 23.150);
|
||
|
|
var pt4 = new BMap.Point(109.669, 23.139);
|
||
|
|
var pt5 = new BMap.Point(109.639, 23.139);
|
||
|
|
// var myIcon1 = new BMap.Icon("../images/fires.gif", new BMap.Size(37,50)); //小火苗
|
||
|
|
var myIcon2 = new BMap.Icon("../images/xfs.png", new BMap.Size(48, 48)); //消防栓
|
||
|
|
var myIcon3 = new BMap.Icon("../images/jianzhu.png", new BMap.Size(48, 48)); //重点建筑
|
||
|
|
var myIcon4 = new BMap.Icon("../images/danwei.png", new BMap.Size(48, 48)); //消防单位
|
||
|
|
var myIcon5 = new BMap.Icon("../images/sw.png", new BMap.Size(48, 48)); //消防水源
|
||
|
|
var marker2 = new BMap.Marker(pt2, { icon: myIcon2 }); // 创建标注
|
||
|
|
var marker3 = new BMap.Marker(pt3, { icon: myIcon3 });
|
||
|
|
var marker4 = new BMap.Marker(pt4, { icon: myIcon4 });
|
||
|
|
var marker5 = new BMap.Marker(pt5, { icon: myIcon5 });
|
||
|
|
map.addOverlay(marker2); // 将标注添加到地图中
|
||
|
|
map.addOverlay(marker3);
|
||
|
|
map.addOverlay(marker4);
|
||
|
|
map.addOverlay(marker5);
|
||
|
|
marker2.hide(); marker3.hide(); marker4.hide(); marker5.hide();
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
//创建圆形范围
|
||
|
|
var circle = new BMap.Circle(point, 2000, { strokeColor: "#c62f2f", strokeWeight: 2, strokeOpacity: 0.5 }); //创建圆
|
||
|
|
circle.setFillColor("#f99e9e");
|
||
|
|
circle.setFillOpacity("0.35");
|
||
|
|
|
||
|
|
map.addOverlay(circle);
|
||
|
|
circle.enableEditing();
|
||
|
|
|
||
|
|
|
||
|
|
//添加纯文字信息窗口
|
||
|
|
var opts = {
|
||
|
|
width: 200, // 信息窗口宽度
|
||
|
|
height: 100, // 信息窗口宽度
|
||
|
|
title: "xxxxxxx", // 信息窗口标题
|
||
|
|
enableMessage: true, //设置允许信息窗发送短息
|
||
|
|
message: "xxxxxxxxx"
|
||
|
|
};
|
||
|
|
var infoWindow = new BMap.InfoWindow("xxxxxxxxxxx", opts); // 创建信息窗口对象
|
||
|
|
|
||
|
|
|
||
|
|
marker.addEventListener("click", function () {
|
||
|
|
// map.openInfoWindow(infoWindow,point); //开启信息窗口
|
||
|
|
//getOverLay();
|
||
|
|
// getOverLay1();
|
||
|
|
$('#td1-dwdz').html('AAAA');
|
||
|
|
$('#td1-add').html('贵港市xxxxxx');
|
||
|
|
$('#td1-name').html('张三');
|
||
|
|
$('#td1-tel').html('17865127820');
|
||
|
|
$('#td1-qhbw').html('一单元二楼卧室');
|
||
|
|
$('#td1-qhwz').html('家具织物');
|
||
|
|
$('#td1-num').html('1人');
|
||
|
|
$('#td1-wxwz').html('煤气罐');
|
||
|
|
$('#td2-jzmc').html('AAAA');
|
||
|
|
$('#td2-jzxz').html('住宅');
|
||
|
|
$('#td2-zdmj').html('400m2');
|
||
|
|
$('#td2-jzgd').html('63米');
|
||
|
|
$('#td2-dscs').html('21层');
|
||
|
|
$('#td2-dxcs').html('2层');
|
||
|
|
$('#td2-glr').html('王华');
|
||
|
|
$('#td2-glrtel').html('1323223220');
|
||
|
|
$('#td2-fzr').html('刘忠河');
|
||
|
|
$('#td2-fzrtel').html('1513223220');
|
||
|
|
$('#td3-1name').html('联动单位一');
|
||
|
|
$('#td3-2name').html('李四');
|
||
|
|
$('#td3-3tel').html('1513223220');
|
||
|
|
$('#td3-12name').html('保障单位一');
|
||
|
|
$('#td3-22name').html('王五');
|
||
|
|
$('#td3-33tel').html('17654261264');
|
||
|
|
$('#td3-122name').html('专家一');
|
||
|
|
$('#td3-222name').html('xxxx');
|
||
|
|
$('#td3-332tel').html('17654261264');
|
||
|
|
$('#right1001').html('人工报警');
|
||
|
|
$('#right1002').html('03-06 14:10');
|
||
|
|
$('#right2001').html('警情研判');
|
||
|
|
$('#right2002').html('03-06 14:12');
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
// 添加图文组合的信息窗口
|
||
|
|
var sContent =
|
||
|
|
"<h4 style='margin:0 0 5px 0;padding:0.2em 0;'>地点一</h4>" +
|
||
|
|
"<div>" +
|
||
|
|
"<img style='float:right;margin:4px auto;' id='imgDemo' src='../images/img01.png' width='139' height='104' title='xxxxx'/>" +
|
||
|
|
"<p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>地点一简介简介简介简介地点一简介简介地点一简介简介地点一简介简介简介简介地点一简介简介地点一简介简介</p>" +
|
||
|
|
"<div style='margin-top: 52px; font-size: 14px; color: #666;float: right;cursor: pointer;'><span>查看更多》</span></div>";
|
||
|
|
var infoWindow1 = new BMap.InfoWindow(sContent); // 创建信息窗口对象
|
||
|
|
|
||
|
|
marker1.addEventListener("click", function () {
|
||
|
|
// map.openInfoWindow(infoWindow,point); //开启信息窗口
|
||
|
|
$('#td1-dwdz').html('BBB');
|
||
|
|
$('#td1-add').html('贵港市xxxxxx');
|
||
|
|
$('#td1-name').html('张三');
|
||
|
|
$('#td1-tel').html('17865127820');
|
||
|
|
$('#td1-qhbw').html('二单元四楼厨房');
|
||
|
|
$('#td1-qhwz').html('家具织物');
|
||
|
|
$('#td1-num').html('2人');
|
||
|
|
$('#td1-wxwz').html('煤气罐');
|
||
|
|
$('#td2-jzmc').html('BBB');
|
||
|
|
$('#td2-jzxz').html('住宅');
|
||
|
|
$('#td2-jzjg').html('钢筋混凝土');
|
||
|
|
$('#td2-zdmj').html('400m2');
|
||
|
|
$('#td2-jzgd').html('63米');
|
||
|
|
$('#td2-dscs').html('21层');
|
||
|
|
$('#td2-dxcs').html('2层');
|
||
|
|
$('#td2-glr').html('王华');
|
||
|
|
$('#td2-glrtel').html('1323223220');
|
||
|
|
$('#td2-fzr').html('刘忠河');
|
||
|
|
$('#td2-fzrtel').html('1513223220');
|
||
|
|
$('#td3-1name').html('联动单位一');
|
||
|
|
$('#td3-2name').html('李四');
|
||
|
|
$('#td3-3tel').html('1513223220');
|
||
|
|
$('#td3-12name').html('保障单位一');
|
||
|
|
$('#td3-22name').html('王五');
|
||
|
|
$('#td3-33tel').html('17654261264');
|
||
|
|
$('#td3-122name').html('专家一');
|
||
|
|
$('#td3-222name').html('xxxx');
|
||
|
|
$('#td3-332tel').html('17654261264');
|
||
|
|
$('#right1001').html('人工报警');
|
||
|
|
$('#right1002').html('04-09 18:10');
|
||
|
|
$('#right2001').html('警情研判');
|
||
|
|
$('#right2002').html('04-09 18:09');
|
||
|
|
this.openInfoWindow(infoWindow1);
|
||
|
|
//图片加载完毕重绘infowindow
|
||
|
|
document.getElementById('imgDemo').onload = function () {
|
||
|
|
infoWindow1.redraw(); //防止在网速较慢，图片未加载时，生成的信息框高度比图片的总高度小，导致图片部分被隐藏
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
//右上火场文书悬浮框-开始
|
||
|
|
var Accordion = function (el, multiple) {
|
||
|
|
this.el = el || {};
|
||
|
|
this.multiple = multiple || false;
|
||
|
|
|
||
|
|
// Variables privadas
|
||
|
|
var maplinks = this.el.find('.maplink');
|
||
|
|
// Evento
|
||
|
|
maplinks.on('click', { el: this.el, multiple: this.multiple }, this.dropdown)
|
||
|
|
};
|
||
|
|
|
||
|
|
Accordion.prototype.dropdown = function (e) {
|
||
|
|
var $el = e.data.el;
|
||
|
|
$this = $(this);
|
||
|
|
$next = $this.next();
|
||
|
|
$next.slideToggle();
|
||
|
|
$this.parent().toggleClass('open');
|
||
|
|
// if (!e.data.multiple) {
|
||
|
|
// $el.find('.submenu').not($next).slideUp().parent().removeClass('open');
|
||
|
|
// }
|
||
|
|
};
|
||
|
|
|
||
|
|
var accordion = new Accordion($('#accordion'), false);
|
||
|
|
|
||
|
|
|
||
|
|
//底部选项卡
|
||
|
|
$(function () {
|
||
|
|
$(".mainfootbox .ct:gt(0)").hide();
|
||
|
|
var xfxx = $(".mainfootbox ul.tab01 li");
|
||
|
|
|
||
|
|
xfxx.click(function () {
|
||
|
|
$(this).addClass("one").siblings().removeClass("one");
|
||
|
|
$(".mainfootbox .ct").eq($(this).index()).show().siblings().hide();
|
||
|
|
});
|
||
|
|
|
||
|
|
$(".mainfootbox02 .ct02:gt(0)").hide();
|
||
|
|
var xfxx02 = $(".mainfootbox02 ul.tab02 li");
|
||
|
|
|
||
|
|
xfxx02.click(function () {
|
||
|
|
$(this).addClass("one02").siblings().removeClass("one03");
|
||
|
|
$(".mainfootbox02 .ct02").eq($(this).index()).show().siblings().hide();
|
||
|
|
});
|
||
|
|
|
||
|
|
$(".mainfootbox03 .ct03:gt(0)").hide();
|
||
|
|
var xfxx03 = $(".mainfootbox03 ul.tab03 li");
|
||
|
|
|
||
|
|
xfxx03.click(function () {
|
||
|
|
$(this).addClass("one03").siblings().removeClass("one03");
|
||
|
|
$(".mainfootbox03 .ct03").eq($(this).index()).show().siblings().hide();
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
var type = "";
|
||
|
|
var num = 0;
|
||
|
|
|
||
|
|
//底部点击事件
|
||
|
|
tab01click = function (xq) {
|
||
|
|
// console.log("----");
|
||
|
|
if (num == 0) {
|
||
|
|
// console.log("--0-");
|
||
|
|
$(".mainfootbox .tab01").addClass("footerliclick");
|
||
|
|
$(".mainfootcon").addClass("footerboxclick");
|
||
|
|
$(".mainbox .mainfootbox").css("height", "70%");
|
||
|
|
num = num + 1;
|
||
|
|
type = xq;
|
||
|
|
} else {
|
||
|
|
// console.log("--!0--");
|
||
|
|
// console.log(a);
|
||
|
|
// console.log(type);
|
||
|
|
if (xq == type) {
|
||
|
|
// console.log("--==--");
|
||
|
|
$(".mainfootbox .tab01").removeClass("footerliclick");
|
||
|
|
$(".mainfootcon").removeClass("footerboxclick");
|
||
|
|
$(".mainbox .mainfootbox").css("height", "0");
|
||
|
|
num = 0;
|
||
|
|
type = "";
|
||
|
|
} else {
|
||
|
|
type = xq;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
})
|
||
|
|
|
||
|
|
|
||
|
|
</script>
|
||
|
|
</html>
|