BSV1.8

yzt

2023-09-27 726603df43447f8cfedfeaae4267209adbd01699

 src/main/webapp/hxzk/index.jsp

@@ -133,15 +133,12 @@
            margin-top: 10px;
        }

        .biaoti {
            width: 20%;
        }


        .neirong {
            text-align: left !important;
            padding-left: 12px;
            width: 30%;
            white-space: nowrap;
            padding-left: 8px;
            width: 15%;
        }

        .f {
@@ -417,7 +414,7 @@
            color: white;font-size: 24px;margin-left: 170px;margin-top: 15px;display: inline-block
        }
        .youbian{
            position: relative;top: -950px;left: 210px;
            position: relative;top: -885px;left: 210px;
        }
        .item9{
            width: 430px;height: 728px;position: absolute;top: 0px;left: px;z-index: 9999;overflow:hidden;border-radius: 5px;overflow: scroll;overflow-x: hidden;
@@ -429,7 +426,7 @@
            width: 440px;height: 743px;
        }
        .zuobian{
            position: relative;top: -1130px;left: 20px
            position: relative;top: -1070px;left: 20px
        }
        .zuobiankuandu3{
            width: 450px;height: 380px;position: absolute;top: 172px;left: 10px;z-index: 999;opacity: 1;border-radius: 5px;
@@ -462,10 +459,16 @@
        .qhyc{
            z-index: 9999;position: relative;top: 300px;left: 540px
        }
        .aniu{
            display: none;
        }
        .gjt{
            display: none;
        }
        /* 小型手机 */
        @media (max-width: 360px) {
        @media (min-width: 320px) and (max-width: 768px) {
            .qhyc{
                z-index: 9999;position: relative;top: 360px;left: 540px
                display: none;
            }
            .ycbtn{
                display: none;
@@ -504,7 +507,7 @@
                width: 130px;height: 130px;
            }
            .youbian{
                position: relative;top: -640px;left: 10px;
                position: fixed;top: 40px;left: 0px;
                z-index: 99999999;
                display: none;
            }
@@ -520,14 +523,27 @@
            }

            .zuobian{

                display: none;
            }
            .butt{
                position: relative;
                top: -650px;
                left:290px;
                border-radius: 10px;
            .aniu{
                display: block;
                background-color: #F4F3EF;
                overflow: hidden;
            }
            .zxryy{
                float: right;
            }
            .tjsjj{
                float: right;
            }
            .bddt{
                float: right;
            }
            .swdt{
                float: right;
            }
            .pmdt{
                float: right;
            }
            .zuobiankuandu2{
                width: 348px;height: 380px;
@@ -542,7 +558,7 @@
                color: rgb(179, 179, 179);font-size: 18px;margin-top: 30px
            }
            .zuobiankuanduwz{
                color: white;font-size: 24px;margin-left: 130px;margin-top: 15px;display: inline-block;;
                color: white;font-size: 24px;margin-left: 130px;margin-top: 15px;display: inline-block;
            }
            .tongxun{
                display: none;
@@ -550,104 +566,89 @@
            .tongxun1{
                display: none;
            }
            .zhongjian{
                position: relative;top: -1000px;left: -254px;height: 1px
            }

        }

        /* 中型手机 */
        @media (min-width: 370px ) and (max-width: 767px) {
            /* 在此添加适应中型手机的样式 */
            .mobile-width {
                /* 移动端样式 */
                height: 400px;
                width: 10px;
            }
            .zhongjian{
                position: relative;top: -1000px;left: -230px;height: 1px
            }
            #threeD1{
                display: none;
            }
            .mobile-nav{
                display: none;
            }
            .mobile-title{
                font-size: 2px;
                text-shadow: none;
            }
            .mobile-title1{
                background-size: 100% 80px;
                height: 40px;
            }
            #threeD{
                font-size: 20px;
                position: relative;
                top: -30px;
                text-shadow:none;
            }
            .tongji{
                width: 130px;z-index: 999;height: 130px;position: absolute;top: -500px;left: 30px;opacity: 0.8;background-color: #191E3A
            }
            .tbk{
                width: 130px;height: 130px;
            }
            .youbian{
                position: relative;top: -640px;left: 30px;
                display: none;
            }
            .item9{
                width: 350px;height: 428px;position: absolute;top: 0px;left: px;z-index: 9999;overflow:hidden;border-radius: 5px;overflow:
                    scroll;overflow-x: hidden;
            }
            .ybkuandu1{
                width: 350px;;height: 428px;background-color: #191E3A;z-index: 9999;opacity: 0.5;border-radius: 5px
            }
            .ynkuandu2{
                width: 390px;height: 443px;
            }

            .zuobian{

                display: none;



            .gjt{
                display: block;
                background-color: rgba(40, 51, 62, 0.9); /* 透明背景色 */;width: 30%;height: 200px;border-radius: 8px;
                position: fixed;
                z-index: 9999;
                height: 100%;
                vert-align: middle;
                text-align: center;
            }
            .butt{
                position: relative;
                top: -700px;
                left:315px;
                border-radius: 10px;
            .tt1{
                display: inline-block;
                font-size: 14px;
                margin-top: 10px;
            }
            .zuobiankuandu2{
                width: 380px;height: 380px;
            .gjt1{
                height: 100%;
                color: white;
                text-align: center;
                margin-top: 30px;
            }
            .zuobiankuandu1{
                width: 380px;z-index: 999;height: 380px;position: absolute;top: 480px;left: 0px;opacity: 0.8;
            .gjt1 li{
                line-height: 40px;
                font-size: 14px;
            }
            .zuobiankuandu3{
                width: 380px;height: 480px;position: absolute;top: 480px;left: 0px;z-index: 999;opacity: 1;border-radius: 5px;;
            #renyuanxinxi{
                background-color: #383438;
            }
            .zuobiankuandu4{
                color: rgb(179, 179, 179);font-size: 18px;margin-top: 30px
            #rytb{
                font-size: 16px;color: white;height: 100%;
            }
            .zuobiankuanduwz{
                color: white;font-size: 24px;margin-left: 140px;margin-top: 15px;display: inline-block;;
            #messageinput{
                width: 50%;
            }
            .tongxun{
                display: none;
            #rytb td{
                font-size: 10px;
            }
            .tongxun1{
                display: none;
            #zhendongqq{
                font-size: 1em;
            }
            .ycbtn{
                display: none;
            #fasong{
                font-size: 1em;
            }
            #gengxinqq{
                font-size: 1em;
            }
        }
        @media (min-width: 768px)  {
            #renyuanxinxi{
                background-color: #383438;position: absolute;float: left;margin-left: 30%;margin-top: 250px;width: 40%;height: 60%;z-index: 99999;opacity: 0.9;
            }
            #rytb{
                font-size: 14px;color: white;height: 90%;width: 100%;
            }
            #messageinput{
                width: 80%;
            }
            .neirong {
                text-align: left !important;
                padding-left: 15px;
                width: 30%;
            }
            #zhendongqq{
                font-size: 0.15em;
            }
            #fasong{
                font-size: 0.15em;
            }
            #gengxinqq{
                font-size: 0.15em;
            }
        }

    </style>
</head>
<body>
<div id="renyuanxinxi"
     style="background-color: #383438;position: absolute;float: left;margin-left: 30%;margin-top: 250px;width: 40%;height: 50%;z-index: 99999;opacity: 0.9;display: none;">
<div id="renyuanxinxi" style="display: none">
    <div
            style="background: linear-gradient(rgb(0, 20, 30), rgb(0, 40, 70));width: 100%;font-size: 1.5rem;color: rgba(255, 255, 255, .7);line-height: 2.5rem;text-align: center;border: 2px solid rgba(0, 90, 120, .3);">
        <svg xmlns="http://www.w3.org/2000/svg" style="margin-bottom: 5px;" width="30" height="30"
@@ -662,87 +663,88 @@
        <path fill-rule="evenodd"
              d="M2.146 2.146a.5.5 0 0 0 0 .708l11 11a.5.5 0 0 0 .708-.708l-11-11a.5.5 0 0 0-.708 0Z" />
    </svg>
    </div>
    <div>

    </div>
    <table class="table-bordered table-tanchuang" style="width: 100%;">
        <tr>
            <td class="biaoti">姓名：</td>
            <td class="neirong">
                <div id="nameqq"></div>
            </td>
            <td class="biaoti">性别：</td>
            <td class="neirong">
                <div id="sexqq"></div>
            </td>
        </tr>
        <tr>
            <td class="biaoti">民族：</td>
            <td class="neirong">
                <div id="minzuqq"></div>
            </td>
            <td class="biaoti">电话：</td>
            <td class="neirong">
                <div id="dianhuaqq"></div>
            </td>
        </tr>
        <tr>
            <td class="biaoti">当前坐标：</td>
            <td class="neirong">
                <div id="zuobiaoqq"></div>
            </td>
            <td class="biaoti">状态：</td>
            <td class="neirong">
                <div id="zhuangtaiqq"></div>
            </td>
        </tr>
        <tr>
            <td class="biaoti">标签编号：</td>
            <td class="neirong">
                <div id="tagidqq"></div>
            </td>
            <td class="biaoti">电量：</td>
            <td class="neirong">
                <div id="dianliangqq"></div>
            </td>
        </tr>
        <tr>
            <td class="biaoti">海拔高度：</td>
            <td class="neirong">
                <div id="gaoqq"></div>
            </td>
            <td class="biaoti">所在部门：</td>
            <td class="neirong">
                <div id="bumenqq"></div>
            </td>
        </tr>
        <tr>
            <td class="biaoti">下发指令：</td>
            <td class="neirong" style="text-align: left;padding-left: 10px;"><input
                    class="btn btn-secondary" type="button" id="zhendongqq"
                    style="width: 70px;height: 40px;background-color: brown;border-color: brown;font-size: 0.15rem;"
                    value="蜂鸣">
                <input class="btn btn-secondary" type="button" id="gengxinqq" onclick="gengxinzuobiao()"
                       style="width: 90px;height: 40px;background-color: brown;border-color: brown;font-size: 0.15rem;"
                       value="更新坐标">
            </td>
            <td class="biaoti">更新时间：</td>
            <td class="neirong">
                <div id="timeqq"></div>
            </td>
        </tr>
        <tr>
            <td class="biaoti">下发文字：</td>
            <td class="neirong" colspan="3">
                <input type="text" id="messageinput" class="form-control" placeholder="请输入要发送信息"
                       style="width: 80%;display: inline;background: #fff;color: #000000;">
                <input class="btn btn-secondary" type="button" onclick="sendmessage2()"
                       style="width: 15%;height: 40px;background-color: brown;border-color: brown;font-size: 0.15rem;"
                       value="发送">
            </td>
        </tr>
    </table>
    <div>
        <table class="table-bordered" id="rytb" style="">
            <tr>
                <td class="biaoti" style=""> 姓名：</td>
                <td class="neirong">
                    <div id="nameqq" style="w"></div>
                </td>
                <td class="biaoti"> 性别：</td>
                <td class="neirong">
                    <div id="sexqq"></div>
                </td>
            </tr>
            <tr>
                <td class="biaoti"> 民族：</td>
                <td class="neirong">
                    <div id="minzuqq"></div>
                </td>
                <td class="biaoti"> 电话：</td>
                <td class="neirong">
                    <div id="dianhuaqq"></div>
                </td>
            </tr>
            <tr>
                <td class="biaoti"> 当前坐标：</td>
                <td class="neirong">
                    <div id="zuobiaoqq"></div>
                </td>
                <td class="biaoti">状态：</td>
                <td class="neirong">
                    <div id="zhuangtaiqq"></div>
                </td>
            </tr>
            <tr>
                <td class="biaoti"> 标签编号：</td>
                <td class="neirong">
                    <div id="tagidqq"></div>
                </td>
                <td class="biaoti"> 电量：</td>
                <td class="neirong">
                    <div id="dianliangqq"></div>
                </td>
            </tr>
            <tr>
                <td class="biaoti"> 海拔高度：</td>
                <td class="neirong">
                    <div id="gaoqq"></div>
                </td>
                <td class="biaoti"> 所在部门：</td>
                <td class="neirong">
                    <div id="bumenqq"></div>
                </td>
            </tr>
            <tr>
                <td class="biaoti"> 下发指令：</td>
                <td class="neirong" style="text-align: left;padding-left: 10px;"><input
                        class="btn btn-secondary" type="button" id="zhendongqq"
                        style="background-color: brown;border-color: brown;"
                        value="蜂鸣" >
                    <input class="btn btn-secondary" type="button" id="gengxinqq" onclick="gengxinzuobiao()"
                           style="background-color: brown;border-color: brown;"
                           value="更新坐标">
                </td>
                <td class="biaoti"> 更新时间：</td>
                <td class="neirong">
                    <div id="timeqq"></div>
                </td>
            </tr>
            <tr>
                <td class="biaoti"> 下发文字：</td>
                <td class="neirong" colspan="3">
                    <input type="text" id="messageinput" class="form-control" placeholder="请输入要发送信息"
                           style="display: inline;background: #fff;color: #000000;font-size: 8px">
                    <input class="btn btn-secondary" id="fasong" type="button" onclick="sendmessage2()"
                           style="height: 40px;background-color: brown;border-color: brown;"
                           value="发送">
                </td>
            </tr>
        </table>
    </div>

</div>
<div class="container-fluid">
    <div class="row">
@@ -757,19 +759,28 @@
    </div>
    <div class="row">
        <div class="col-xs-12 col-md-12" style="">
            <div class="gjt" style="">
                <span class="tt1">定位管理系统</span>
                <ul class="gjt1">
                    <li class="yc" onclick="zxry()">在线人员</li>
                    <li class="yc"  onclick="tjsj()">统计数据</li>
                    <li class="yc"   title="切换百度地图" onclick="qh(0)">百度地图</li>
                    <li class="yc"  title="切换三维地图" onclick="qh(1)">三维地图</li>
                    <li class="yc" >平面地图</li>
                    <li style="margin-top: 80px" class="byc"><a href="javascript:;" onclick="ycgjt()"><img src="/hxzkoa/hxzk/image/image/gd.png" width="30"/></a></li>
                </ul>
            </div>
            <div style="z-index: 999;width: 100%; height: 800px; overflow: hidden; margin: 0; font-family:" 微软雅黑";"  id="fengmap"></div>
        <div class="vh-100 w-100" style="z-index: 999;width: 100%; height: 100%; font-family:" 微软雅黑";" id="baidumap" ></div>
        <div class="vh-100 w-100" style="z-index: 999999;width: 100%; height: 100%; font-family:" 微软雅黑";" id="baidumap" >

    </div>


</div>
</div>
<div class="row">
    <div class="col-xs-12 col-md-12 butt">
        <button class="layui-btn layui-btn-sm layui-btn-radius layui-btn-normal"  id="zxry" onclick="zxry()">在线人员</button><br><br>
        <button class="layui-btn layui-btn-sm layui-btn-radius layui-btn-normal" onclick="tjsj()">统计数据</button>
    </div>
</div>

<div class="row" style="">
    <div class="col-xs-1 col-md-4 zuobian" id="zuobian" >
    <div class="col-xs-12 col-md-4 zuobian" id="zuobian" >
        <%--统计数据--%>
        <div class="tongji zuobiankuandu1" >
            <img src="/hxzkoa/hxzk/image/image/BK1.png" class="zuobiankuandu2"/>
@@ -929,7 +940,7 @@
        </tr>
        <tr>
            <td class="biaoti">当前坐标：</td>
            <td class="neirong">
            <td class="neirong" style="width: 10px">
                <div id="zuobiaoqq1"></div>
            </td>
            <td class="biaoti">状态：</td>
@@ -985,10 +996,12 @@
    </table>
</div>
<%--人员数据窗口--%>
<div style="position: absolute;top:220px;left: 1240px;z-index: 99999"><span style="display: inline-block"><img src="/hxzkoa/hxzk/image/image/clo.png" style="width: 20px;cursor: pointer;z-index: 9999;display: none" id="close"/></span></div>
<div style="position: absolute;top:220px;left: 1240px;z-index: 99999"><span style="display: inline-block"><img src="/hxzkoa/hxzk/image/image/clo.png" style="width: 20px;cursor: pointer;z-index: 9999;display: none"
                                                                                                               id="close"/></span></div>
<div style="display: none" class="iframery">

    <div style="position: absolute;z-index: 1;width: 650px;height: 500px;top: 200px;left: 650px;"> <div style="width: 590px;height: 20px;background-color: #11182D;opacity: 0.8;position: absolute;top: 60px;left: 20px;border-radius: 2px"></div><img src="/hxzkoa/hxzk/image/image/BK5.png" style="width: 650;height: 500px"/></div>
    <div style="position: absolute;z-index: 1;width: 650px;height: 500px;top: 200px;left: 650px;"> <div style="width: 590px;height: 20px;background-color: #11182D;opacity: 0.8;position: absolute;top: 60px;left: 20px;border-radius:
2px"></div><img src="/hxzkoa/hxzk/image/image/BK5.png" style="width: 650;height: 500px"/></div>
    <div style="height: 400px;overflow:hidden;overflow-y:scroll;z-index: 99999;position: absolute;top: 280px;left: 670px" >
        <table style="width: 590px;overflow-y: scroll">
            <tr align="center" style="background-color: #11182D;opacity: 0.8">
@@ -1012,7 +1025,8 @@
</div>
<%--车辆数据窗口--%>
<div style="display: none" class="iframecl">
    <div style="position: absolute;z-index: 1;width: 650px;height: 500px;top: 200px;left: 650px;"><div style="width: 590px;height: 20px;background-color: #11182D;opacity: 0.8;position: absolute;top: 60px;left: 20px;border-radius: 2px"></div><img src="/hxzkoa/hxzk/image/image/BK5.png" style="width: 650;height: 500px"/></div>
    <div style="position: absolute;z-index: 1;width: 650px;height: 500px;top: 200px;left: 650px;"><div style="width: 590px;height: 20px;background-color: #11182D;opacity: 0.8;position: absolute;top: 60px;left: 20px;border-radius:
2px"></div><img src="/hxzkoa/hxzk/image/image/BK5.png" style="width: 650;height: 500px"/></div>
    <div style="height: 400px;overflow:hidden;overflow-y:scroll;z-index: 9999;position: absolute;top: 280px;left: 670px">
        <table style="width: 590px;overflow-y: scroll">
            <tr align="center" style="margin-bottom: 20px;background-color: #11182D;opacity: 0.8">
@@ -1036,7 +1050,8 @@
</div>
<%--物资数据窗口--%>
<div style="display: none" class="iframewz">
    <div style="position: absolute;z-index: 1;width: 650px;height: 500px;top: 200px;left: 650px;"> <div style="width: 590px;height: 20px;background-color: #11182D;opacity: 0.8;position: absolute;top: 60px;left: 20px;border-radius: 2px"></div><img src="/hxzkoa/hxzk/image/image/BK5.png" style="width: 650;height: 500px"/></div>
    <div style="position: absolute;z-index: 1;width: 650px;height: 500px;top: 200px;left: 650px;"> <div style="width: 590px;height: 20px;background-color: #11182D;opacity: 0.8;position: absolute;top: 60px;left: 20px;border-radius:
2px"></div><img src="/hxzkoa/hxzk/image/image/BK5.png" style="width: 650;height: 500px"/></div>
    <div style="height: 400px;overflow:hidden;overflow-y:scroll;z-index: 9999;position: absolute;top: 280px;left: 670px">
        <table style="width: 590px;overflow-y: scroll">
            <tr align="center" style="margin-bottom: 20px;background-color: #11182D;opacity: 0.8">
@@ -1060,7 +1075,8 @@
</div>
<%--基站数据窗口--%>
<div style="display: none" class="iframejz">
    <div style="position: absolute;z-index: 1;width: 650px;height: 500px;top: 200px;left: 650px;"> <div style="width: 590px;height: 20px;background-color: #11182D;opacity: 0.8;position: absolute;top: 60px;left: 20px;border-radius: 2px"></div><img src="/hxzkoa/hxzk/image/image/BK5.png" style="width: 650;height: 500px"/></div>
    <div style="position: absolute;z-index: 1;width: 650px;height: 500px;top: 200px;left: 650px;"> <div style="width: 590px;height: 20px;background-color: #11182D;opacity: 0.8;position: absolute;top: 60px;left: 20px;border-radius:
2px"></div><img src="/hxzkoa/hxzk/image/image/BK5.png" style="width: 650;height: 500px"/></div>
    <div style="height: 400px;overflow-y:scroll;z-index: 9999;position: absolute;top: 280px;left: 670px">
        <table style="width: 590px;overflow: hidden;overflow-y: scroll;background-color: #11182D;opacity: 0.8">
            <tr align="center" style="background-color: #11182D;opacity: 0.8">
@@ -1096,7 +1112,8 @@
</div>
<%--SOS未处理窗口--%>
<div style="display: none" class="iframesos">
    <div style="position: absolute;z-index: 1;width: 650px;height: 500px;top: 200px;left: 650px;"> <div style="width: 590px;height: 20px;background-color: #11182D;opacity: 0.8;position: absolute;top: 60px;left: 20px;border-radius: 2px"></div><img src="/hxzkoa/hxzk/image/image/BK5.png" style="width: 650;height: 500px"/></div>
    <div style="position: absolute;z-index: 1;width: 650px;height: 500px;top: 200px;left: 650px;"> <div style="width: 590px;height: 20px;background-color: #11182D;opacity: 0.8;position: absolute;top: 60px;left: 20px;border-radius:
2px"></div><img src="/hxzkoa/hxzk/image/image/BK5.png" style="width: 650;height: 500px"/></div>
    <div style="height: 400px;overflow:hidden;overflow-y:scroll;z-index: 9999;position: absolute;top: 280px;left: 670px">
        <table style="width: 590px;overflow-y: scroll">
            <tr align="center" style="background-color: #11182D;opacity: 0.8">
@@ -1118,7 +1135,8 @@
</div>
<%--低电量数据窗口--%>
<div style="display: none" class="iframeddl">
    <div style="position: absolute;z-index: 1;width: 650px;height: 500px;top: 200px;left: 650px;"> <div style="width: 590px;height: 20px;background-color: #11182D;opacity: 0.8;position: absolute;top: 60px;left: 20px;border-radius: 2px"></div><img src="/hxzkoa/hxzk/image/image/BK5.png" style="width: 650;height: 500px"/></div>
    <div style="position: absolute;z-index: 1;width: 650px;height: 500px;top: 200px;left: 650px;"> <div style="width: 590px;height: 20px;background-color: #11182D;opacity: 0.8;position: absolute;top: 60px;left: 20px;border-radius:
2px"></div><img src="/hxzkoa/hxzk/image/image/BK5.png" style="width: 650;height: 500px"/></div>
    <div style="height: 400px;overflow:hidden;overflow-y:scroll;z-index: 99999;position: absolute;top: 280px;left: 670px">
        <table style="width: 590px;overflow-y: scroll">
            <tr align="center" style="background-color: #11182D;opacity: 0.8">
@@ -1153,7 +1171,7 @@
<script src="/hxzkoa/hxzk/assets/js/loader.js"></script>
<script src="/hxzkoa/hxzk/bootstrap/js/bootstrap.min.js"></script>
<script src="/hxzkoa/hxzk/bootstrap/js/popper.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.js"></script>
<script src="/hxzkoa/hxzk/plugins/echarts/echarts.min.js"></script>
<script src="/hxzkoa/hxzk/plugins/table/datatable/button-ext/jszip.min.js"></script>
<script src="/hxzkoa/hxzk/plugins/table/jquery.table2excel.js"></script>
@@ -1166,12 +1184,38 @@
<script src="/hxzkoa/hxzk/fengmap/js/fengmap.map.min.js"></script>
<script src="/hxzkoa/hxzk/fengmap/js/fengmap.plugin.min.js"></script>
<script src="/hxzkoa/hxzk/layui/layui.js"></script>
<script type="text/javascript" id="baidumap_api"
        src="http://api.map.baidu.com/getscript?v=3.0&ak=PUftjeZCKHtEn8ZMjeAGnViSO8NBvBNm"></script>
<script type="text/javascript" src="map_load.js"></script>
<!-- 百度地图接口 -->
<%--<script type="text/javascript" id="baidumap_api"--%>
<%--        src="http://api.map.baidu.com/getscript?v=3.0&ak=6Ernv1uxtTFKv8F15TymTbVktfldFS3b"></script>--%>
<script src="/hxzkoa/hxzk/assets/js/libs/jquery-3.1.1.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
<script>
    var yc = 0;
    //隐藏手机端工具条
    function ycgjt(){
        yc++
        if(yc%2!=0){
            $(".yc").hide();
            $(".tt1").hide();
            $(".byc").css("margin-top","340px")
            $(".gjt").animate({
                width: "0%",
            }, 1000);
        }else{
            $(".yc").show();
            $(".tt1").show();
            $(".byc").css("margin-top","80px")
            $(".gjt").animate({
                width: "30%",
            }, 1000);
        }

    }



    var ifsanwei = 0;
    var ifbaidu = 0;
    var ycbt=0;
@@ -1660,7 +1704,8 @@
            success: function (data) {
                for (var i = 0; i < data.length; i++) {
                    //playMark[id,name,power,life,x,y,time]
                    realposition.push([data[i].tagid, data[i].name, data[i].power, data[i].life, data[i].posx, data[i].posy, data[i].time, data[i].fence == 1 || data[i].sos == 1 || data[i].fence == 2, data[i].sos, data[i].fence, data[i].shipin])
                    realposition.push([data[i].tagid, data[i].name, data[i].power, data[i].life, data[i].posx, data[i].posy, data[i].time, data[i].fence == 1 || data[i].sos == 1 || data[i].fence == 2, data[i].sos, data[i].fence, data
                        [i].shipin])
                }
            },
        });
@@ -1695,7 +1740,8 @@
            success: function (data) {
                for (var i = 0; i < data.length; i++) {
                    //playMark[id,name,power,life,x,y,time]
                    realposition.push([data[i].tagid, data[i].name, data[i].power, data[i].life, data[i].posx, data[i].posy, data[i].time, data[i].fence == 1 || data[i].sos == 1, data[i].sousuo, data[i].shipin, data[i].inkaoqing, data[i].jiao, data[i].baoliu24, data[i].baoliu23, data[i].sex, data[i].minzu, data[i].phone, data[i].power, data[i].bumen, data[i].baoliu19,data[i].image])
                    realposition.push([data[i].tagid, data[i].name, data[i].power, data[i].life, data[i].posx, data[i].posy, data[i].time, data[i].fence == 1 || data[i].sos == 1, data[i].sousuo, data[i].shipin, data[i].inkaoqing, data
                        [i].jiao, data[i].baoliu24, data[i].baoliu23, data[i].sex, data[i].minzu, data[i].phone, data[i].power, data[i].bumen, data[i].baoliu19,data[i].image])
                }
            },
        });
@@ -1712,7 +1758,8 @@
            success: function (data) {
                for (var i = 0; i < data.length; i++) {
                    //playMark[id,name,power,life,x,y,time]
                    realposition.push([data[i].tagid, data[i].name, data[i].power, data[i].life, data[i].posx, data[i].posy, data[i].time, data[i].fence == 1 || data[i].sos == 1, data[i].sousuo, data[i].shipin, data[i].inkaoqing, data[i].jiao, data[i].baoliu24, data[i].baoliu23, data[i].sex, data[i].minzu, data[i].phone, data[i].power, data[i].bumen, data[i].baoliu19,data[i].image])
                    realposition.push([data[i].tagid, data[i].name, data[i].power, data[i].life, data[i].posx, data[i].posy, data[i].time, data[i].fence == 1 || data[i].sos == 1, data[i].sousuo, data[i].shipin, data[i].inkaoqing, data
                        [i].jiao, data[i].baoliu24, data[i].baoliu23, data[i].sex, data[i].minzu, data[i].phone, data[i].power, data[i].bumen, data[i].baoliu19,data[i].image])
                }
            },
        });
@@ -1868,7 +1915,10 @@
                        //jingdu = ToDigital(data[i].gsp_jingdu.substring(0, 3), data[i].gsp_jingdu.substring(3, 5), data[i].gsp_jingdu.substring(5));
                        //}
                        //};
                        gpslist.push([data[i].tagid, jingdu, weidu, data[i].gps_haiba_gao, data[i].gps_state, data[i].gps_num, data[i].gps_hdop, data[i].gps_tuoqiu, data[i].gps_chafen_time, data[i].gps_chafen_id, data[i].gps_jiaoyan, data[i].gps_kahao, data[i].gps_power, data[i].gps_sos, data[i].addtime, data[i].name, data[i].gsp_jingdu, data[i].gps_weidu, data[i].sex, data[i].minzu, data[i].dianhua, data[i].bumen, data[i].baoliu14, data[i].baoliu15, data[i].baoliu13, data[i].p_addtiem]);
                        gpslist.push([data[i].tagid, jingdu, weidu, data[i].gps_haiba_gao, data[i].gps_state, data[i].gps_num, data[i].gps_hdop, data[i].gps_tuoqiu, data[i].gps_chafen_time, data[i].gps_chafen_id, data[i].gps_jiaoyan,
                            data[i].gps_kahao, data[i].gps_power, data[i].gps_sos, data[i].addtime, data[i].name, data[i].gsp_jingdu, data[i].gps_weidu, data[i].sex, data[i].minzu, data[i].dianhua, data[i].bumen, data[i].baoliu14, data
                                [i].baoliu15, data
                                [i].baoliu13, data[i].p_addtiem]);
                    }
                };
            },
@@ -2197,9 +2247,30 @@

        var outputPath = 'tiles/';    //地图瓦片所在的文件夹
        var fromat = ".jpg";    //格式

        var customLayer = new BMap.TileLayer({isTransparentPng: true});
        customLayer.getTilesUrl = function(tileCoord, zoom) {
            var x = tileCoord.x;
            var y = tileCoord.y;
            var url = "tiles/" + zoom + "/" + x + "/" + y + ".jpg";
            return url;
        };





        // 百度地图API功能//默认卫星地图 {mapType:BMAP_SATELLITE_MAP}
        var bm = new BMap.Map("baidumap");    // 创建Map实例
        bm.centerAndZoom(new BMap.Point(bm_baidu_j, bm_baidu_w), 6);  // 初始化地图,设置中心点坐标和地图级别

// 移除默认图层


// 添加图层
        bm.addTileLayer(customLayer);


        //添加地图类型控件
        bm.addControl(new BMap.MapTypeControl({
            mapTypes: [
@@ -2217,6 +2288,7 @@
        //map.addControl(new BMap.OverviewMapControl());
        bm.setCurrentCity("北京");          // 设置地图显示的城市 此项是必须设置的
        bm.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放

        var ditus = getditu();
        for (var i = 0; i < ditus.length; i++) {
            var ditu = new BMap.Icon("/hxzkoa/hxzk/image/targeticon/地图.png", new BMap.Size(100, 43), {
@@ -2346,8 +2418,10 @@
        //var current_node_list = new Queue();

        /*      function getGPSInfo(data){
                              return "GPS状态:"+gps_node_list[current_gps_index][4]+"\n正在使用的卫星数量:"+gps_node_list[current_gps_index][5]+"\nHDOP水平精度因子:"+gps_node_list[current_gps_index][6]+"\n地球椭球面相对大地水准面的高度:"+gps_node_list[current_gps_index][7]+
                              "\n差分时间:"+gps_node_list[current_gps_index][8]+"\n差分站ID号:"+gps_node_list[current_gps_index][9]+"\n校验值:"+gps_node_list[current_gps_index][10]+"\n设备物联网卡号:"+gps_node_list[current_gps_index][11]+"\n设备SOS状态:"+gps_node_list[current_gps_index][13]
                              return "GPS状态:"+gps_node_list[current_gps_index][4]+"\n正在使用的卫星数量:"+gps_node_list[current_gps_index][5]+"\nHDOP水平精度因子:"+gps_node_list
[current_gps_index][6]+"\n地球椭球面相对大地水准面的高度:"+gps_node_list[current_gps_index][7]+
                              "\n差分时间:"+gps_node_list[current_gps_index][8]+"\n差分站ID号:"+gps_node_list[current_gps_index][9]+"\n校验值:"+gps_node_list[current_gps_index][10]+"\n设
备物联网卡号:"+gps_node_list[current_gps_index][11]+"\n设备SOS状态:"+gps_node_list[current_gps_index][13]
                              +"\n添加时间"+gps_node_list[current_gps_index][14]
                           }; */

@@ -2519,7 +2593,7 @@
                            document.getElementById("minzuqq").innerHTML = xinxizong[19];
                            document.getElementById("gaoqq").innerHTML = xinxizong[3];
                            document.getElementById("dianhuaqq").innerHTML = xinxizong[20];
                            document.getElementById("zuobiaoqq").innerHTML = xinxizong[22] + ' -- ' + xinxizong[23];
                            document.getElementById("zuobiaoqq").innerHTML = xinxizong[22] + '<br>' + xinxizong[23];
                            document.getElementById("zhuangtaiqq").innerHTML = xinxizong[24];
                            document.getElementById("timeqq").innerHTML = xinxizong[25];
                            document.getElementById("tagidqq").innerHTML = xinxizong[0];
@@ -2798,24 +2872,6 @@
            wrap.onclick = null;
            _this.canvas.onclick = null;

            loadImages(imgList, function (images) {
                for (var key in images) {
                    if (key == 'map') {
                        _this.imgScaleList[key] = 1;
                        _this.img = images[key];
                    } else if (key == 'icon') {
                        _this.imgScaleList[key] = 0.037;
                    } else {
                        _this.imgScaleList[key] = images[key].naturalWidth / images['map'].naturalWidth;
                    };
                    _this.rateNumList[key] = _this.canvas.width / images[key].naturalWidth;
                    _this.imgXList[key] = (_this.canvas.width - images[key].naturalWidth * _this.imgScaleList[key] * _this.rateNumList[key]) / 2;
                    _this.imgYList[key] = (_this.canvas.height - images[key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key]) / 2;//默认进来当前图像居中显示
                    _this.imgLoadList[key] = images[key];
                }
                /*画出当前图片*/
                //_this.drawImg();
            });
        },

        drawImg: function () {
@@ -2828,7 +2884,8 @@
            var images = _this.imgLoadList;

            //画地图
            can.drawImage(_this.img, 0, 0, _this.img.naturalWidth, _this.img.naturalHeight, _this.imgXList['map'], _this.imgYList['map'], _this.img.naturalWidth * _this.imgScaleList['map'] * _this.rateNumList['map'], _this.img.naturalHeight * _this.imgScaleList['map'] * _this.rateNumList['map']);
            can.drawImage(_this.img, 0, 0, _this.img.naturalWidth, _this.img.naturalHeight, _this.imgXList['map'], _this.imgYList['map'], _this.img.naturalWidth * _this.imgScaleList['map'] * _this.rateNumList['map'],
                _this.img.naturalHeight * _this.imgScaleList['map'] * _this.rateNumList['map']);

            //实际与图片的比例尺
            _this.x_ratio = new Number(_this.imgLoadList['map'].naturalWidth / _this.trueLength);
@@ -2953,165 +3010,184 @@


            //画标签及基站
            for (var key in images) {
                if (key == "icon" && _this.playMark) {
                    for (var i = 0; i < _this.playMark.length; i++) {
                        var tagzhuangtai = _this.playMark[i][3]; //在线状态
                        //var playMarkInKaoQin = true;
                        if (((_this.offView == '1' && tagzhuangtai == '1') || (_this.offView == '0')) && ((_this.diskaoqin == "1" && _this.playMarkInKaoQin[i]) || (_this.diskaoqin == "0"))) {
                            //是否开启离线消失，并判断状态（在线1/离线0）；当开启离线消失时（仅显示在线标签），当未开启离线消失时（全部显示）
                            //是否开启出考勤区域消失，并判断是否在考勤区域内；当开启出考勤区域消失时（需要在考勤区域内），当未开启时（全部显示）

                            //读取当前实际坐标
                            var cor_x = new Number(_this.playMark[i][4]); // 此处_this.playMark是数据库里取到的当前点坐标,4是posx,5是posy
                            var cor_y = new Number(_this.playMark[i][5]);
                            //转为图上坐标
                            var x_cor_now = new Number(_this.imgXList['map'] + _this.imgScaleList['map'] * _this.rateNumList['map'] * _this.x_ratio * (cor_x - _this.x_x0));
                            var y_cor_now = new Number(_this.imgYList['map'] + _this.imgScaleList['map'] * _this.rateNumList['map'] * _this.y_ratio * (cor_y - _this.y_y0));
                            //画在相应位置上
                            //can.drawImage(images[key], 0, 0, images[key].naturalWidth, images[key].naturalHeight, x_cor_now - (images[key].naturalWidth * _this.imgScaleList[key] * _this.rateNumList[key])/2, y_cor_now - (images[key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key]), images[key].naturalWidth * _this.imgScaleList[key] * _this.rateNumList[key], images[key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key]);
                            //can.drawImage(images[key], 0, 0, images[key].naturalWidth, images[key].naturalHeight, x_cor_now - (images[key].naturalWidth * _this.imgScaleList[key] * _this.rateNumList[key])/2, y_cor_now - (images[key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key]), images[key].naturalWidth *  _this.imgScaleList[key] * _this.rateNumList[key], images[key].naturalHeight *  _this.imgScaleList[key] * _this.rateNumList[key]);
                            //是否有轨迹拖尾
                            if (_this.real_trak_time != 0) {
                                var trackNow = [];
                                var pm = _this.playMark[i];
                                function ftn(pm, tn, rtk, ctt, rtc, igxm, igym, igslm, rnlm, xr, yr, xx0, yy0) {
                                    //trackNow = getTracknow( pm[0], rtk)
                                    if (tn.length == 0) {
                                        trackNow = [];
                                    } else if (pm[0] in tn) {
                                        trackNow = tn[pm[0]];
                                    } else {
                                        trackNow = [];
                                    };
                                    var can = ctt;
                                    can.beginPath();
                                    can.strokeStyle = rtc;
                                    can.fillStyle = rtc;
                                    for (var i = 0; i < trackNow.length; i++) {
                                        var cor_x = new Number(trackNow[i][0]);
                                        var cor_y = new Number(trackNow[i][1]);
                                        var x_cor = new Number(igxm + igslm * rnlm * xr * (cor_x - xx0));
                                        var y_cor = new Number(igym + igslm * rnlm * yr * (cor_y - yy0));

                                        //                                        var cor_x2 = new Number(trackNow[i+1][0]);
                                        //                                        var cor_y2 = new Number(trackNow[i+1][1]);
                                        //                                        var x_cor2 = new Number(igxm + igslm * rnlm * xr * (cor_x2 - xx0));
                                        //                                        var y_cor2 = new Number(igym + igslm * rnlm * yr * (cor_y2 - yy0));

                                        //                                        can.moveTo(x_cor, y_cor);
                                        //                                          can.lineTo(x_cor2, y_cor2);
                                        //                                          can.stroke();
                                        //                                          can.fill();
                                        can.moveTo(x_cor, y_cor);
                                        can.arc(x_cor, y_cor, 1, 0, Math.PI * 2, true);
                                        can.fill();
                                    };
                                    can.closePath();
                                    can.stroke();
                                    //_this.trackNow.push([trackNow]);
                                }
                                setTimeout(ftn(_this.playMark[i], _this.trackNow, _this.real_trak_time, _this.context, _this.real_trak_color, _this.imgXList['map'], _this.imgYList['map'], _this.imgScaleList['map'], _this.rateNumList['map'], _this.x_ratio, _this.y_ratio, _this.x_x0, _this.y_y0), 5);
                                //var trackNow = getTracknow( _this.playMark[i][0], _this.real_trak_time);//获取指定时间段内该tagid的数据进行绘制
                            }

                            var isSos = _this.playMark[i][7];
                            if (isSos) {
                                if (sosType) {
                                    can.drawImage(sos, 0, 0, images[key].naturalWidth, images[key].naturalHeight, x_cor_now - (images[key].naturalWidth * _this.imgScaleList[key] * _this.rateNumList[key]) / 2 + 3, y_cor_now - (images[key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key]) + 2, images[key].naturalWidth * _this.imgScaleList[key] * _this.rateNumList[key], images[key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key]);
                                } else {
                                    can.drawImage(sos1, 0, 0, images[key].naturalWidth, images[key].naturalHeight, x_cor_now - (images[key].naturalWidth * _this.imgScaleList[key] * _this.rateNumList[key]) / 2 + 3, y_cor_now - (images[key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key]) + 2, images[key].naturalWidth * _this.imgScaleList[key] * _this.rateNumList[key], images[key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key]);
                                }
                                sosType = !sosType;
                            } else {
                                can.drawImage(images[key], 0, 0, images[key].naturalWidth, images[key].naturalHeight, x_cor_now - (images[key].naturalWidth * _this.imgScaleList[key] * _this.rateNumList[key]) / 2, y_cor_now - (images[key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key]), images[key].naturalWidth * _this.imgScaleList[key] * _this.rateNumList[key], images[key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key]);
                            }
                            //画在相应位置上
                            // can.drawImage(images[key], 0, 0, images[key].naturalWidth, images[key].naturalHeight, x_cor_now - (images[key].naturalWidth * _this.imgScaleList[key] * _this.rateNumList[key]) / 2, y_cor_now - (images[key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key]), images[key].naturalWidth * _this.imgScaleList[key] * _this.rateNumList[key], images[key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key]);

                            can.font = '13px sans-serif';
                            can.fillStyle = 'white';
                            if (_this.tagZb == '1') { //是否显示标签坐标
                                can.fillStyle = 'red';
                                can.font = '10px sans-serif';
                                //var f = 8*( _this.imgScaleList['map']);
                                //can.font=f+"px Arial";

                                tagzuobiao = _this.playMark[i][4] + ',' + _this.playMark[i][5];
                                can.fillText(tagzuobiao, x_cor_now - 20, y_cor_now + 10);
                            };
                            if (_this.viewName == '1') { //是否显示人员名称
                                can.font = '13px sans-serif';
                                if (_this.viewTagid == '1') { //是否显示标签id
                                    fillRoundRect(can, x_cor_now - 40, y_cor_now - images[key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key] - 18, images[key].naturalHeight * 2, 20, 4, '#32CD32');
                                    can.fillStyle = 'white';
                                    can.fillText(_this.playMark[i][1], x_cor_now - 38, y_cor_now - images[key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key] - 3);
                                    can.fillText(_this.playMark[i][0], x_cor_now + 5, y_cor_now - images[key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key] - 3);
                                } else {
                                    fillRoundRect(can, x_cor_now - 20, y_cor_now - images[key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key] - 18, images[key].naturalHeight * 1.1, 20, 4, '#32CD32');
                                    can.fillStyle = 'white';
                                    can.fillText(_this.playMark[i][1], x_cor_now - 19, y_cor_now - images[key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key] - 3);
                                }
                            } else {
                                can.font = '13px sans-serif';
                                if (_this.viewTagid == '1') {
                                    fillRoundRect(can, x_cor_now - 20, y_cor_now - images[key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key] - 18, images[key].naturalHeight * 1.1, 20, 4, '#32CD32');
                                    can.fillStyle = 'white';
                                    can.fillText(_this.playMark[i][0], x_cor_now - 14, y_cor_now - images[key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key] - 3);
                                }
                            }
                            if (_this.viewPower == '1') { //是否显示电量
                                can.font = '10px sans-serif';
                                can.fillStyle = 'red';
                                can.fillText("电量:" + _this.playMark[i][2], x_cor_now - 20, y_cor_now + 20);
                            };
                            can.font = '10px sans-serif';
                        };
                    }
                } else if (key == 'anchor_online') {
                    can.font = '10px sans-serif';
                    if (_this.anckicon == '1') { //是否显示基站图标
                        //_this.onlineAnchorList = [anchorid, posx,posy,posz,layer,greatetime]
                        for (var i = 0; i < _this.onlineAnchorList.length; i++) {
                            var cor_x = new Number(_this.onlineAnchorList[i][1]);
                            var cor_y = new Number(_this.onlineAnchorList[i][2]);
                            var x_cor = new Number(_this.imgXList['map'] + _this.imgScaleList['map'] * _this.rateNumList['map'] * _this.x_ratio * (cor_x - _this.x_x0));
                            var y_cor = new Number(_this.imgYList['map'] + _this.imgScaleList['map'] * _this.rateNumList['map'] * _this.y_ratio * (cor_y - _this.y_y0));
                            can.drawImage(images[key], 0, 0, images[key].naturalWidth, images[key].naturalHeight, x_cor - (images[key].naturalWidth * _this.imgScaleList[key] * _this.rateNumList[key]) / 2, y_cor - (images[key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key]), images[key].naturalWidth * _this.imgScaleList[key] * _this.rateNumList[key] + 10, images[key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key] + 10);
                            if (_this.viewAnckzb == '1') { //是否显示基站坐标
                                can.fillStyle = 'red'
                                var anchorzuobiao = _this.onlineAnchorList[i][1] + ',' + _this.onlineAnchorList[i][2] + ',' + _this.onlineAnchorList[i][3];
                                can.fillText(anchorzuobiao, x_cor - 20, y_cor + 20);
                            };
                            if (_this.viewAnckid == '1') { //是否显示基站id
                                can.fillStyle = 'red';
                                can.fillText(_this.onlineAnchorList[i][0], x_cor - 7, y_cor - 5);
                            };
                        };
                    };
                } else if (key == 'anchor_offline') {
                    can.font = '10px sans-serif';
                    if (_this.anckicon == '1') { //是否显示基站图标
                        //_this.offlineAnchorList = [anchorid, posx,posy,posz,layer,greatetime]
                        for (var i = 0; i < _this.offlineAnchorList.length; i++) {
                            var cor_x = new Number(_this.offlineAnchorList[i][1]);
                            var cor_y = new Number(_this.offlineAnchorList[i][2]);
                            var x_cor = new Number(_this.imgXList['map'] + _this.imgScaleList['map'] * _this.rateNumList['map'] * _this.x_ratio * (cor_x - _this.x_x0));
                            var y_cor = new Number(_this.imgYList['map'] + _this.imgScaleList['map'] * _this.rateNumList['map'] * _this.y_ratio * (cor_y - _this.y_y0));
                            can.drawImage(images[key], 0, 0, images[key].naturalWidth, images[key].naturalHeight, x_cor - (images[key].naturalWidth * _this.imgScaleList[key] * _this.rateNumList[key]) / 2, y_cor - (images[key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key]), images[key].naturalWidth * _this.imgScaleList[key] * _this.rateNumList[key] + 10, images[key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key] + 10);
                            if (_this.viewAnckzb == '1') { //是否显示基站坐标
                                can.fillStyle = 'red'
                                var anchorzuobiao = _this.offlineAnchorList[i][1] + ',' + _this.offlineAnchorList[i][2] + ',' + _this.offlineAnchorList[i][3];
                                can.fillText(anchorzuobiao, x_cor - 20, y_cor + 20);
                            };
                            if (_this.viewAnckid == '1') { //是否显示基站id
                                can.fillStyle = 'red';
                                can.fillText(_this.offlineAnchorList[i][0], x_cor - 7, y_cor - 5);
                            };
                        };
                    };
                }
            };
            // for (var key in images) {
            //     if (key == "icon" && _this.playMark) {
            //         for (var i = 0; i < _this.playMark.length; i++) {
            //             var tagzhuangtai = _this.playMark[i][3]; //在线状态
            //             //var playMarkInKaoQin = true;
            //             if (((_this.offView == '1' && tagzhuangtai == '1') || (_this.offView == '0')) && ((_this.diskaoqin == "1" && _this.playMarkInKaoQin[i]) || (_this.diskaoqin == "0"))) {
            //                 //是否开启离线消失，并判断状态（在线1/离线0）；当开启离线消失时（仅显示在线标签），当未开启离线消失时（全部显示）
            //                 //是否开启出考勤区域消失，并判断是否在考勤区域内；当开启出考勤区域消失时（需要在考勤区域内），当未开启时（全部显示）
            //
            //                 //读取当前实际坐标
            //                 var cor_x = new Number(_this.playMark[i][4]); // 此处_this.playMark是数据库里取到的当前点坐标,4是posx,5是posy
            //                 var cor_y = new Number(_this.playMark[i][5]);
            //                 //转为图上坐标
            //                 var x_cor_now = new Number(_this.imgXList['map'] + _this.imgScaleList['map'] * _this.rateNumList['map'] * _this.x_ratio * (cor_x - _this.x_x0));
            //                 var y_cor_now = new Number(_this.imgYList['map'] + _this.imgScaleList['map'] * _this.rateNumList['map'] * _this.y_ratio * (cor_y - _this.y_y0));
            //                 //画在相应位置上
            //                 //can.drawImage(images[key], 0, 0, images[key].naturalWidth, images[key].naturalHeight, x_cor_now - (images[key].naturalWidth * _this.imgScaleList[key] * _this.rateNumList[key])/2, y_cor_now - (images
            //                 [key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key]), images[key].naturalWidth * _this.imgScaleList[key] * _this.rateNumList[key], images[key].naturalHeight * _this.imgScaleList[key] *
            //_this.rateNumList[key]);
            //                 //can.drawImage(images[key], 0, 0, images[key].naturalWidth, images[key].naturalHeight, x_cor_now - (images[key].naturalWidth * _this.imgScaleList[key] * _this.rateNumList[key])/2, y_cor_now - (images
            //                 [key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key]), images[key].naturalWidth *  _this.imgScaleList[key] * _this.rateNumList[key], images[key].naturalHeight *  _this.imgScaleList[key] *
            //_this.rateNumList[key]);
            //                 //是否有轨迹拖尾
            //                 if (_this.real_trak_time != 0) {
            //                     var trackNow = [];
            //                     var pm = _this.playMark[i];
            //                     function ftn(pm, tn, rtk, ctt, rtc, igxm, igym, igslm, rnlm, xr, yr, xx0, yy0) {
            //                         //trackNow = getTracknow( pm[0], rtk)
            //                         if (tn.length == 0) {
            //                             trackNow = [];
            //                         } else if (pm[0] in tn) {
            //                             trackNow = tn[pm[0]];
            //                         } else {
            //                             trackNow = [];
            //                         };
            //                         var can = ctt;
            //                         can.beginPath();
            //                         can.strokeStyle = rtc;
            //                         can.fillStyle = rtc;
            //                         for (var i = 0; i < trackNow.length; i++) {
            //                             var cor_x = new Number(trackNow[i][0]);
            //                             var cor_y = new Number(trackNow[i][1]);
            //                             var x_cor = new Number(igxm + igslm * rnlm * xr * (cor_x - xx0));
            //                             var y_cor = new Number(igym + igslm * rnlm * yr * (cor_y - yy0));
            //
            //                             //                                        var cor_x2 = new Number(trackNow[i+1][0]);
            //                             //                                        var cor_y2 = new Number(trackNow[i+1][1]);
            //                             //                                        var x_cor2 = new Number(igxm + igslm * rnlm * xr * (cor_x2 - xx0));
            //                             //                                        var y_cor2 = new Number(igym + igslm * rnlm * yr * (cor_y2 - yy0));
            //
            //                             //                                        can.moveTo(x_cor, y_cor);
            //                             //                                          can.lineTo(x_cor2, y_cor2);
            //                             //                                          can.stroke();
            //                             //                                          can.fill();
            //                             can.moveTo(x_cor, y_cor);
            //                             can.arc(x_cor, y_cor, 1, 0, Math.PI * 2, true);
            //                             can.fill();
            //                         };
            //                         can.closePath();
            //                         can.stroke();
            //                         //_this.trackNow.push([trackNow]);
            //                     }
            //                     setTimeout(ftn(_this.playMark[i], _this.trackNow, _this.real_trak_time, _this.context, _this.real_trak_color, _this.imgXList['map'], _this.imgYList['map'], _this.imgScaleList['map'], _this.rateNumList
            //                         ['map'], _this.x_ratio, _this.y_ratio, _this.x_x0, _this.y_y0), 5);
            //                     //var trackNow = getTracknow( _this.playMark[i][0], _this.real_trak_time);//获取指定时间段内该tagid的数据进行绘制
            //                 }
            //
            //                 var isSos = _this.playMark[i][7];
            //                 if (isSos) {
            //                     if (sosType) {
            //                         can.drawImage(sos, 0, 0, images[key].naturalWidth, images[key].naturalHeight, x_cor_now - (images[key].naturalWidth * _this.imgScaleList[key] * _this.rateNumList[key]) / 2 + 3, y_cor_now - (images
            //                             [key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key]) + 2, images[key].naturalWidth * _this.imgScaleList[key] * _this.rateNumList[key], images[key].naturalHeight *
            //_this.imgScaleList[key] * _this.rateNumList[key]);
            //                     } else {
            //                         can.drawImage(sos1, 0, 0, images[key].naturalWidth, images[key].naturalHeight, x_cor_now - (images[key].naturalWidth * _this.imgScaleList[key] * _this.rateNumList[key]) / 2 + 3, y_cor_now - (images
            //                             [key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key]) + 2, images[key].naturalWidth * _this.imgScaleList[key] * _this.rateNumList[key], images[key].naturalHeight *
            //_this.imgScaleList[key] * _this.rateNumList[key]);
            //                     }
            //                     sosType = !sosType;
            //                 } else {
            //                     can.drawImage(images[key], 0, 0, images[key].naturalWidth, images[key].naturalHeight, x_cor_now - (images[key].naturalWidth * _this.imgScaleList[key] * _this.rateNumList[key]) / 2, y_cor_now - (images
            //                         [key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key]), images[key].naturalWidth * _this.imgScaleList[key] * _this.rateNumList[key], images[key].naturalHeight * _this.imgScaleList
            //[key] * _this.rateNumList[key]);
            //                 }
            //                 //画在相应位置上
            //                 // can.drawImage(images[key], 0, 0, images[key].naturalWidth, images[key].naturalHeight, x_cor_now - (images[key].naturalWidth * _this.imgScaleList[key] * _this.rateNumList[key]) / 2, y_cor_now - (images
            //                 [key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key]), images[key].naturalWidth * _this.imgScaleList[key] * _this.rateNumList[key], images[key].naturalHeight * _this.imgScaleList[key] *
            //_this.rateNumList[key]);
            //
            //                 can.font = '13px sans-serif';
            //                 can.fillStyle = 'white';
            //                 if (_this.tagZb == '1') { //是否显示标签坐标
            //                     can.fillStyle = 'red';
            //                     can.font = '10px sans-serif';
            //                     //var f = 8*( _this.imgScaleList['map']);
            //                     //can.font=f+"px Arial";
            //
            //                     tagzuobiao = _this.playMark[i][4] + ',' + _this.playMark[i][5];
            //                     can.fillText(tagzuobiao, x_cor_now - 20, y_cor_now + 10);
            //                 };
            //                 if (_this.viewName == '1') { //是否显示人员名称
            //                     can.font = '13px sans-serif';
            //                     if (_this.viewTagid == '1') { //是否显示标签id
            //                         fillRoundRect(can, x_cor_now - 40, y_cor_now - images[key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key] - 18, images[key].naturalHeight * 2, 20, 4, '#32CD32');
            //                         can.fillStyle = 'white';
            //                         can.fillText(_this.playMark[i][1], x_cor_now - 38, y_cor_now - images[key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key] - 3);
            //                         can.fillText(_this.playMark[i][0], x_cor_now + 5, y_cor_now - images[key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key] - 3);
            //                     } else {
            //                         fillRoundRect(can, x_cor_now - 20, y_cor_now - images[key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key] - 18, images[key].naturalHeight * 1.1, 20, 4, '#32CD32');
            //                         can.fillStyle = 'white';
            //                         can.fillText(_this.playMark[i][1], x_cor_now - 19, y_cor_now - images[key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key] - 3);
            //                     }
            //                 } else {
            //                     can.font = '13px sans-serif';
            //                     if (_this.viewTagid == '1') {
            //                         fillRoundRect(can, x_cor_now - 20, y_cor_now - images[key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key] - 18, images[key].naturalHeight * 1.1, 20, 4, '#32CD32');
            //                         can.fillStyle = 'white';
            //                         can.fillText(_this.playMark[i][0], x_cor_now - 14, y_cor_now - images[key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key] - 3);
            //                     }
            //                 }
            //                 if (_this.viewPower == '1') { //是否显示电量
            //                     can.font = '10px sans-serif';
            //                     can.fillStyle = 'red';
            //                     can.fillText("电量:" + _this.playMark[i][2], x_cor_now - 20, y_cor_now + 20);
            //                 };
            //                 can.font = '10px sans-serif';
            //             };
            //         }
            //     } else if (key == 'anchor_online') {
            //         can.font = '10px sans-serif';
            //         if (_this.anckicon == '1') { //是否显示基站图标
            //             //_this.onlineAnchorList = [anchorid, posx,posy,posz,layer,greatetime]
            //             for (var i = 0; i < _this.onlineAnchorList.length; i++) {
            //                 var cor_x = new Number(_this.onlineAnchorList[i][1]);
            //                 var cor_y = new Number(_this.onlineAnchorList[i][2]);
            //                 var x_cor = new Number(_this.imgXList['map'] + _this.imgScaleList['map'] * _this.rateNumList['map'] * _this.x_ratio * (cor_x - _this.x_x0));
            //                 var y_cor = new Number(_this.imgYList['map'] + _this.imgScaleList['map'] * _this.rateNumList['map'] * _this.y_ratio * (cor_y - _this.y_y0));
            //                 can.drawImage(images[key], 0, 0, images[key].naturalWidth, images[key].naturalHeight, x_cor - (images[key].naturalWidth * _this.imgScaleList[key] * _this.rateNumList[key]) / 2, y_cor - (images
            //                     [key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key]), images[key].naturalWidth * _this.imgScaleList[key] * _this.rateNumList[key] + 10, images[key].naturalHeight * _this.imgScaleList
            //[key] * _this.rateNumList[key] +
            //                     10);
            //                 if (_this.viewAnckzb == '1') { //是否显示基站坐标
            //                     can.fillStyle = 'red'
            //                     var anchorzuobiao = _this.onlineAnchorList[i][1] + ',' + _this.onlineAnchorList[i][2] + ',' + _this.onlineAnchorList[i][3];
            //                     can.fillText(anchorzuobiao, x_cor - 20, y_cor + 20);
            //                 };
            //                 if (_this.viewAnckid == '1') { //是否显示基站id
            //                     can.fillStyle = 'red';
            //                     can.fillText(_this.onlineAnchorList[i][0], x_cor - 7, y_cor - 5);
            //                 };
            //             };
            //         };
            //     } else if (key == 'anchor_offline') {
            //         can.font = '10px sans-serif';
            //         if (_this.anckicon == '1') { //是否显示基站图标
            //             //_this.offlineAnchorList = [anchorid, posx,posy,posz,layer,greatetime]
            //             for (var i = 0; i < _this.offlineAnchorList.length; i++) {
            //                 var cor_x = new Number(_this.offlineAnchorList[i][1]);
            //                 var cor_y = new Number(_this.offlineAnchorList[i][2]);
            //                 var x_cor = new Number(_this.imgXList['map'] + _this.imgScaleList['map'] * _this.rateNumList['map'] * _this.x_ratio * (cor_x - _this.x_x0));
            //                 var y_cor = new Number(_this.imgYList['map'] + _this.imgScaleList['map'] * _this.rateNumList['map'] * _this.y_ratio * (cor_y - _this.y_y0));
            //                 can.drawImage(images[key], 0, 0, images[key].naturalWidth, images[key].naturalHeight, x_cor - (images[key].naturalWidth * _this.imgScaleList[key] * _this.rateNumList[key]) / 2, y_cor - (images
            //                     [key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key]), images[key].naturalWidth * _this.imgScaleList[key] * _this.rateNumList[key] + 10, images[key].naturalHeight * _this.imgScaleList
            //[key] * _this.rateNumList[key] +
            //                     10);
            //                 if (_this.viewAnckzb == '1') { //是否显示基站坐标
            //                     can.fillStyle = 'red'
            //                     var anchorzuobiao = _this.offlineAnchorList[i][1] + ',' + _this.offlineAnchorList[i][2] + ',' + _this.offlineAnchorList[i][3];
            //                     can.fillText(anchorzuobiao, x_cor - 20, y_cor + 20);
            //                 };
            //                 if (_this.viewAnckid == '1') { //是否显示基站id
            //                     can.fillStyle = 'red';
            //                     can.fillText(_this.offlineAnchorList[i][0], x_cor - 7, y_cor - 5);
            //                 };
            //             };
            //         };
            //     }
            // };

            /*                var trueMeasure = getTruemap();
                                    var trueLength = new Number(trueMeasure[0]);
@@ -3432,15 +3508,19 @@
                for (const key in arr) {
                    if (arr[key].zhuangtai == 0) {
                        if (arr[key].duixiang == "定位基站") {
                            html += '<tr align="center"><td class="noExl"><img src="hxzk/image/anchor/基站离线.png" /></td><td>' + arr[key].id + '</td><td>' + arr[key].duixiang + '</td><td>' + arr[key].banben + '</td><td>' + arr[key].xiangqing + '</td><td>' + arr[key].time + '</td></tr>';
                            html += '<tr align="center"><td class="noExl"><img src="hxzk/image/anchor/基站离线.png" /></td><td>' + arr[key].id + '</td><td>' + arr[key].duixiang + '</td><td>' + arr[key].banben + '</td><td>' + arr
                                [key].xiangqing + '</td><td>' + arr[key].time + '</td></tr>';
                        } else {
                            html += '<tr align="center"><td class="noExl"><img src="hxzk/image/icon/tagoff.png" /></td><td>' + arr[key].id + '</td><td>' + arr[key].duixiang + '</td><td>' + arr[key].banben + '</td><td>' + arr[key].xiangqing + '</td><td>' + arr[key].time + '</td></tr>';
                            html += '<tr align="center"><td class="noExl"><img src="hxzk/image/icon/tagoff.png" /></td><td>' + arr[key].id + '</td><td>' + arr[key].duixiang + '</td><td>' + arr[key].banben + '</td><td>' + arr
                                [key].xiangqing + '</td><td>' + arr[key].time + '</td></tr>';
                        }
                    } else {
                        if (arr[key].duixiang == "定位基站") {
                            html += '<tr align="center"><td class="noExl"><img src="hxzk/image/anchor/基站在线.png" /></td><td>' + arr[key].id + '</td><td>' + arr[key].duixiang + '</td><td>' + arr[key].banben + '</td><td>' + arr[key].xiangqing + '</td><td>' + arr[key].time + '</td></tr>';
                            html += '<tr align="center"><td class="noExl"><img src="hxzk/image/anchor/基站在线.png" /></td><td>' + arr[key].id + '</td><td>' + arr[key].duixiang + '</td><td>' + arr[key].banben + '</td><td>' + arr
                                [key].xiangqing + '</td><td>' + arr[key].time + '</td></tr>';
                        } else {
                            html += '<tr align="center"><td class="noExl"><img src="hxzk/image/icon/tagon.png" /></td><td>' + arr[key].id + '</td><td>' + arr[key].duixiang + '</td><td>' + arr[key].banben + '</td><td>' + arr[key].xiangqing + '</td><td>' + arr[key].time + '</td></tr>';
                            html += '<tr align="center"><td class="noExl"><img src="hxzk/image/icon/tagon.png" /></td><td>' + arr[key].id + '</td><td>' + arr[key].duixiang + '</td><td>' + arr[key].banben + '</td><td>' + arr
                                [key].xiangqing + '</td><td>' + arr[key].time + '</td></tr>';
                        }
                    }
                }
@@ -3940,7 +4020,8 @@
                    }
                    num++
                    if(data[i].p_department.length > 4){
                        str += '<tr  style="color: #AEC0D0;text-align: center;font-family: 微软雅黑;font-size: 14px;height: 40px;cursor: pointer" onclick="xsXinXi('+data[i].p_tagid+')" onmousemove="blues('+i+')" onmouseleave="blues1('+i+')">',
                        str += '<tr  style="color: #AEC0D0;text-align: center;font-family: 微软雅黑;font-size: 14px;height: 40px;cursor: pointer" onclick="xsXinXi('+data[i].p_tagid+')" onmousemove="blues('+i+')" onmouseleave="blues1('+i
                            +')">',
                            str +=  '<td  class="ttdd'+i+'" style="width: 90px;color: white">'+data[i].p_name+'</td>',
                            str +=  '<td  class="ttdd'+i+'" style="width: 90px;color: white" title="'+data[i].p_department+'">'+data[i].p_department.slice(0,4)+'</td>',
                            str +=  '<td  class="ttdd'+i+'" style="width: 90px;color: white">'+data[i].p_tagid+'</td>',
@@ -3948,7 +4029,8 @@
                            str +=  '<td  class="ttdd'+i+'" style="width: 90px;color: white">'+data[i].p_online+'</td>',
                            str += '</tr>'
                    }else{
                        str += '<tr  style="color: #AEC0D0;text-align: center;font-family: 微软雅黑;font-size: 14px;height: 40px;cursor: pointer" onclick="xsXinXi('+data[i].p_tagid+')" onmousemove="blues('+i+')" onmouseleave="blues1('+i+')">',
                        str += '<tr  style="color: #AEC0D0;text-align: center;font-family: 微软雅黑;font-size: 14px;height: 40px;cursor: pointer" onclick="xsXinXi('+data[i].p_tagid+')" onmousemove="blues('+i+')" onmouseleave="blues1('+i
                            +')">',
                            str +=  '<td class="ttdd'+i+'" style="width: 90px;color: white">'+data[i].p_name+'</td>',
                            str +=  '<td class="ttdd'+i+'" style="width: 90px;color: white">'+data[i].p_department+'</td>',
                            str +=  '<td class="ttdd'+i+'" style="width: 90px;color: white">'+data[i].p_tagid+'</td>',
@@ -3979,49 +4061,12 @@
    }
    var zxry1 =0;
    function zxry(){
        zxry1++;
        if(zxry1%2!=0){
            if(ifsanwei == 1){
                $(".youbian").css("top","-745px")
                $("#youbiano").show()
                $("#zuobian").hide();
            }else if(ifbaidu == 1){
                $(".youbian").css("top","-640px")
                $("#youbiano").show()
                $("#zuobian").hide();
            }else{
                $("#youbiano").show()
                $("#zuobian").hide();
            }

        }else{
            $("#youbiano").hide();
        }
        location.href="/hxzkoa/hxzk/YiDong/ZxRy.jsp"
    }

    var tjsj1 = 0;
    function tjsj(){
        tjsj1++
        if(tjsj1%2!=0){
            if(ifsanwei == 1){
                $("#zuobian").css("z-index","99999")
                $(".zuobian").css("top","-1220px")
                $("#zuobian").show();
                $("#youbiano").hide();
            }else if(ifbaidu == 1){
                $("#zuobian").css("z-index","99999")
                $(".zuobian").css("top","-1120px")
                $("#zuobian").show();
                $("#youbiano").hide();
            }else{
                $("#zuobian").css("z-index","99999")
                $("#zuobian").show();
                $("#youbiano").hide();
            }

        }else{
            $("#zuobian").hide();
        }
        location.href="/hxzkoa/hxzk/YiDong/TjSj.jsp"

    }