<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="/static/images1/BigData.css" rel="stylesheet" type="text/css">
<link href="/static/images1/index.css" rel="stylesheet" type="text/css">
<link href="/static/images1/index01.css" rel="stylesheet" type="text/css">
<script src="/static/images1/jquery.js"></script>
<link href="/static/images1/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="/static/images1/bootstrap-table.css" rel="stylesheet" type="text/css">
<link href="/static/images1/Security_operation.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="/static/images1/default.css" type="text/css">
<script src="/static/images1/laydate.js"></script>
<link type="text/css" rel="stylesheet" href="/static/images1/laydate.css">
<link type="text/css" rel="stylesheet" href="/static/images1/laydate(1).css" id="LayDateSkin">
<script src="/static/images1/Home_page.js"></script>
<script type="text/javascript"
src="http://api.map.baidu.com/api?v=2.0&ak=3546a8cb72e8fb1d148fddb77edaf17d"></script>
<script type="text/javascript" src="/static/images/Heatmap_min.js"></script>
<script type="text/javascript" src="/static/images/rem.js"></script>
<title>人员位置信息可视化大屏展示</title>
<style type="text/css">
.BMap_mask {
background: transparent url(http://api0.map.bdimg.com/images/blank.gif);
}
.BMap_noscreen {
display: none;
}
.BMap_button {
cursor: pointer;
}
.BMap_zoomer {
background-image: url(http://api0.map.bdimg.com/images/mapctrls1d3.gif);
background-repeat: no-repeat;
overflow: hidden;
font-size: 1px;
position: absolute;
width: 7px;
height: 7px;
}
.BMap_stdMpCtrl div {
position: absolute;
}
.BMap_stdMpPan {
width: 44px;
height: 44px;
overflow: hidden;
background: url(http://api0.map.bdimg.com/images/mapctrls2d0.png) no-repeat;
}
.BMap_ie6 .BMap_stdMpPan {
background: none;
}
.BMap_ie6 .BMap_smcbg {
left: 0;
width: 44px;
height: 464px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://api0.map.bdimg.com/images/mapctrls2d0.png");
}
.BMap_ie6 .BMap_stdMpPanBg {
z-index: -1;
}
.BMap_stdMpPan .BMap_button {
height: 15px;
width: 15px;
}
.BMap_panN,
.BMap_panW,
.BMap_panE,
.BMap_panS {
overflow: hidden;
}
.BMap_panN {
left: 14px;
top: 0;
}
.BMap_panW {
left: 1px;
top: 12px;
}
.BMap_panE {
left: 27px;
top: 12px;
}
.BMap_panS {
left: 14px;
top: 25px;
}
.BMap_stdMpZoom {
top: 45px;
overflow: hidden;
}
.BMap_stdMpZoom .BMap_button {
width: 22px;
height: 21px;
left: 12px;
overflow: hidden;
background-image: url(http://api0.map.bdimg.com/images/mapctrls2d0.png);
background-repeat: no-repeat;
z-index: 10;
}
.BMap_ie6 .BMap_stdMpZoom .BMap_button {
background: none;
}
.BMap_stdMpZoomIn {
background-position: 0 -221px;
}
.BMap_stdMpZoomOut {
background-position: 0 -265px;
}
.BMap_ie6 .BMap_stdMpZoomIn div {
left: 0;
top: -221px;
}
.BMap_ie6 .BMap_stdMpZoomOut div {
left: 0;
top: -265px;
}
.BMap_stdMpType4 .BMap_stdMpZoom .BMap_button {
left: 0;
overflow: hidden;
background: -webkit-gradient(linear, 50% 0, 50% 100%, from(rgba(255, 255, 255, 0.85)), to(rgba(217, 217, 217, 0.85)));
z-index: 10;
-webkit-border-radius: 22px;
width: 34px;
height: 34px;
border: 1px solid rgba(255, 255, 255, 0.5);
-webkit-box-shadow: 0 2px 3.6px #CCC;
display: -webkit-box;
-webkit-box-align: center;
-webkit-box-pack: center;
-webkit-box-sizing: border-box;
}
.BMap_stdMpType4 .BMap_smcbg {
position: static;
background: url(http://api0.map.bdimg.com/images/mapctrls2d0_mb.png) 0 0 no-repeat;
-webkit-background-size: 24px 32px;
}
.BMap_stdMpType4 .BMap_stdMpZoomIn {
background-position: 0 0;
}
.BMap_stdMpType4 .BMap_stdMpZoomIn .BMap_smcbg {
width: 24px;
height: 24px;
background-position: 0 0;
}
.BMap_stdMpType4 .BMap_stdMpZoomOut {
background-position: 0 0;
}
.BMap_stdMpType4 .BMap_stdMpZoomOut .BMap_smcbg {
width: 24px;
height: 6px;
background-position: 0 -25px;
}
.BMap_stdMpSlider {
width: 37px;
top: 18px;
}
.BMap_stdMpSliderBgTop {
left: 18px;
width: 10px;
overflow: hidden;
background: url(http://api0.map.bdimg.com/images/mapctrls2d0.png) no-repeat -23px -226px;
}
.BMap_stdMpSliderBgBot {
left: 19px;
height: 8px;
width: 10px;
top: 124px;
overflow: hidden;
background: url(http://api0.map.bdimg.com/images/mapctrls2d0.png) no-repeat -33px bottom;
}
.BMap_ie6 .BMap_stdMpSliderBgTop,
.BMap_ie6 .BMap_stdMpSliderBgBot {
background: none;
}
.BMap_ie6 .BMap_stdMpSliderBgTop div {
left: -23px;
top: -226px;
}
.BMap_ie6 .BMap_stdMpSliderBgBot div {
left: -33px;
bottom: 0;
}
.BMap_stdMpSliderMask {
height: 100%;
width: 24px;
left: 10px;
cursor: pointer;
}
.BMap_stdMpSliderBar {
height: 11px;
width: 19px;
left: 13px;
top: 80px;
overflow: hidden;
background: url(http://api0.map.bdimg.com/images/mapctrls2d0.png) no-repeat 0 -309px;
}
.BMap_stdMpSliderBar.h {
background: url(http://api0.map.bdimg.com/images/mapctrls2d0.png) no-repeat 0 -320px;
}
.BMap_ie6 .BMap_stdMpSliderBar,
.BMap_ie6 .BMap_stdMpSliderBar.h {
background: none;
}
.BMap_ie6 .BMap_stdMpSliderBar div {
top: -309px;
}
.BMap_ie6 .BMap_stdMpSliderBar.h div {
top: -320px;
}
.BMap_zlSt,
.BMap_zlCity,
.BMap_zlProv,
.BMap_zlCountry {
position: absolute;
left: 34px;
height: 21px;
width: 28px;
background-image: url(http://api0.map.bdimg.com/images/mapctrls2d0.png);
background-repeat: no-repeat;
font-size: 0;
cursor: pointer;
}
.BMap_ie6 .BMap_zlSt,
.BMap_ie6 .BMap_zlCity,
.BMap_ie6 .BMap_zlProv,
.BMap_ie6 .BMap_zlCountry {
background: none;
overflow: hidden;
}
.BMap_zlHolder {
display: none;
position: absolute;
top: 0;
}
.BMap_zlHolder.hvr {
display: block;
}
.BMap_zlSt {
background-position: 0 -380px;
top: 21px;