~zhitong.yu/bs.git

			@@ -1,39 +1,35 @@
			<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
			<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
			<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
			<html lang="en">

			<%--
			Created by IntelliJ IDEA.
			User: Administrator
			Date: 2023/8/17
			Time: 15:13
			To change this template use File \| Settings \| File Templates.
			--%>
			<%@ page contentType="text/html;charset=UTF-8" language="java" %>
			<html>
			<head>
			<meta charset="utf-8">
			<meta http-equiv="X-UA-Compatible" content="IE=edge">
			<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
			<title></title>
			<meta name="viewport" content="width=device-width, initial-scale=1">
			<title>Title</title>
			<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
			<link href="/hxzkoa/hxzk/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
			<link href="/hxzkoa/hxzk/assets/img/favicon.ico" rel="icon" type="image/x-icon" />
			<link href="/hxzkoa/hxzk/assets/css/components/custom-modal.css" rel="stylesheet" type="text/css" />
			<link href="/hxzkoa/hxzk/assets/css/components/custom-sweetalert.css" rel="stylesheet"
			type="text/css" />

			<link href="/hxzkoa/hxzk/assets/css/dashboard/dash_2.css" rel="stylesheet" type="text/css" />
			<link href="/hxzkoa/hxzk/assets/css/elements/custom-pagination.css" rel="stylesheet" type="text/css" />
			<link href="/hxzkoa/hxzk/assets/css/loader.css" rel="stylesheet" type="text/css" />
			<link href="/hxzkoa/hxzk/assets/css/scrollspyNav.css" rel="stylesheet" type="text/css" />
			<link href="/hxzkoa/hxzk/assets/css/main.css" rel="stylesheet" type="text/css" />



			<link href="/hxzkoa/hxzk/assets/css/structure.css" rel="stylesheet" type="text/css" />

			<link href="/hxzkoa/hxzk/assets/css/elements/search.css" rel="stylesheet" type="text/css" />
			<link href="/hxzkoa/hxzk/plugins/apex/apexcharts.css" rel="stylesheet" type="text/css">
			<%-- <link href="/hxzkoa/hxzk/assets/css/elements/search.css" rel="stylesheet" type="text/css" />--%>
			<%-- <link href="/hxzkoa/hxzk/plugins/apex/apexcharts.css" rel="stylesheet" type="text/css">--%>
			<link href="/hxzkoa/hxzk/plugins/animate/animate.css" rel="stylesheet" type="text/css" />

			<link href="/hxzkoa/hxzk/layui/layui/src/css/layui.css" rel="stylesheet">
			<link href="/hxzkoa/hxzk/plugins/highlight/styles/monokai-sublime.css" rel="stylesheet"
			type="text/css" />
			<link href="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert2.min.css" rel="stylesheet" type="text/css" />
			<link href="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert.css" rel="stylesheet" type="text/css" />
			<link href="/hxzkoa/hxzk/plugins/table/datatable/datatables.css" rel="stylesheet" type="text/css">
			<link href="/hxzkoa/hxzk/plugins/table/datatable/custom_dt_html5.css" rel="stylesheet" type="text/css">
			<link href="/hxzkoa/hxzk/plugins/table/datatable/dt-global_style.css" rel="stylesheet" type="text/css">
			<link href="/hxzkoa/hxzk/plugins/perfect-scrollbar/perfect-scrollbar.css" rel="stylesheet"
			type="text/css" />
			<link rel="stylesheet" type="text/css" hrpe="/hxzkoa/hxzk/assets/css/vxgplayer-1.8.40.min.css">
			@@ -45,29 +41,49 @@
			<link href="/hxzkoa/hxzk/assets/myfont/stylesheet.css" rel="stylesheet" type="text/css" />
			<link rel="stylesheet" href="/hxzkoa/hxzk/fengmap/css/fengmap.css">
			<link rel="stylesheet" href="/hxzkoa/hxzk/fengmap/css/toolBarStyle.css">
			<!-- <link href="/hxzkoa/hxzk/assets/myfont/specimen_files/specimen_stylesheet.css" rel="stylesheet" type="text/css" /> -->
			<style>
			body {
			*{
			margin: 0px;
			width: 100%;
			min-width: 1500px;
			max-width: 100%;
			height: 100%;
			background-color: #F0F0F0;
			}
			/.container-title{/
			/* background: url("/hxzkoa/hxzk/image/image/titleD.png");*/
			/* height: 80px;*/
			/* background-color: #191E3A;*/
			/* text-align: center;*/
			/* line-height: 80px;*/
			/}/

			#head {
			background-color: #FFFF00;
			width: 100%;
			height: 100px;
			#threeD1{
			background: url("/hxzkoa/hxzk/image/image/titleD.png");
			background-size: 100%;
			background-repeat: no-repeat;
			background-color: #191E3A;
			text-align: center;
			line-height: 80px;
			font-size:55px; /设置字体大小/
			font-weight:800; /设置字体粗细/
			text-shadow:1px 0px #191E3A, 1px 2px #191E3A, 3px 1px #191E3A,
			2px 3px cornflowerblue, 4px 2px cornflowerblue, 4px 4px cornflowerblue,
			5px 3px cornflowerblue, 5px 5px cornflowerblue, 7px 4px cornflowerblue,
			6px 6px cornflowerblue, 8px 5px cornflowerblue, 7px 7px cornflowerblue,
			9px 6px #191E3A, 9px 8px #191E3A, 11px 7px #191E3A/设置文字阴影/
			}

			#center {
			background-color: #00FFFF;
			width: 100%;
			min-height: 100%;
			.container-fluid{
			padding: 0px;
			}

			/.mobile-tongji{/
			/* width: 450px;*/
			/* height: 380px;*/
			/* position: relative;*/
			/* top: -1170px;*/
			/}/
			.mobile-tongjiwz{
			color: white;
			font-size: 24px;
			margin-left: 170px;
			margin-top: 15px;
			display: inline-block;
			}
			#foot {
			background-color: #FF00FF;
			width: 100%;
			@@ -87,6 +103,7 @@
			.table-bordered th {
			border: 1px solid #505153;
			}

			.titleD{
			background: url("/hxzkoa/hxzk/image/image/titleD.png");
			}
			@@ -116,18 +133,15 @@
			margin-top: 10px;
			}

			.biaoti {
			width: 20%;
			}


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

			.lcdf {
			.f {
			width: 31%;
			height: 29%;
			display: inline-block;
			@@ -139,7 +153,42 @@
			padding: 10 0 12 0;
			font-size: 15px;
			}

			#ryxs1{
			color: white;
			}
			#ryxs1:hover{
			color: dodgerblue;
			}
			#clxs1{
			color: white;
			}
			#clxs1:hover{
			color: dodgerblue;
			}
			#wzxs1{
			color: white;
			}
			#wzxs1:hover{
			color: dodgerblue;
			}
			#jzxs1{
			color: white;
			}
			#jzxs1:hover{
			color: dodgerblue;
			}
			#sosxs1{
			color: white;
			}
			#sosxs1:hover{
			color: dodgerblue;
			}
			#ddlxs1{
			color: white;
			}
			#ddlxs1:hover{
			color: dodgerblue;
			}
			.lcd {
			color: rgb(29, 135, 196);
			font-family: 'ds-digitalbold_italic';
			@@ -264,6 +313,9 @@
			border-radius: 0 0 10px 10px;

			}
			.ttdd{
			color: red;
			}

			/* 定义一个从左向右的扫描动画 */
			@keyframes scanning {
			@@ -280,9 +332,7 @@
			opacity: 0;
			}
			}
			.container-title{
			background: url("/hxzkoa/hxzk/image/image/titleD.png");
			}


			#threeD{
			font-size:55px; /设置字体大小/
			@@ -336,41 +386,269 @@
			box-shadow: 0 1px 30px #0093df, 0 1px 20px #0093df inset;
			}
			}
			.lcdf {
			width: 31%;
			height: 29%;
			display: inline-block;
			}
			#tj0{
			position: relative;top: -1060px;left: 10px;
			}
			#tj1{
			width: 450px;
			z-index: 999;
			height: 380px;
			position: absolute;
			top: 172px;
			left: 10px;
			opacity: 0.8;
			background-color: #191E3A;
			}
			#tj2{
			width: 450px;height: 380px
			}
			#tj3{
			width: 450px;height: 380px;position: absolute;top: 172px;left: 10px;z-index: 999;opacity: 1;border-radius: 5px;
			}
			#tj4{
			color: white;font-size: 24px;margin-left: 170px;margin-top: 15px;display: inline-block
			}
			.youbian{
			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;
			}
			.ybkuandu1{
			width: 400px;;height: 728px;background-color: #191E3A;z-index: 9999;opacity: 0.5;border-radius: 5px
			}
			.ynkuandu2{
			width: 440px;height: 743px;
			}
			.zuobian{
			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;
			}
			.zuobiankuandu2{
			width: 450px;height: 380px
			}
			.zuobiankuandu1{
			width: 450px;z-index: 999;height: 380px;position: absolute;top: 172px;left: 10px;opacity: 0.8;background-color: #191E3A
			}
			.zuobiankuanduwz{
			color: white;font-size: 24px;margin-left: 170px;margin-top: 15px;display: inline-block
			}
			.zuobiankuandu4{
			color: rgb(179, 179, 179);font-size: 18px;margin-top: 30px
			}
			.zhongjian{
			position: relative;top: -1000px;left: 200px;height: 1px
			}
			.butt{}
			.span{
			text-decoration: none;
			}
			.blue1{
			text-decoration: none;
			}
			.XzTc{
			position: relative;top: -174px;left: 10px;
			}
			.qhyc{
			z-index: 9999;position: relative;top: 300px;left: 540px
			}
			.aniu{
			display: none;
			}
			.gjt{
			display: none;
			}
			/* 小型手机 */
			@media (min-width: 320px) and (max-width: 768px) {
			.qhyc{
			display: none;
			}
			.ycbtn{
			display: none;
			}
			#threeD1{
			display: none;
			}

			/* 在此添加适应小型手机的样式 */
			.mobile-width {
			/* 移动端样式 */
			height: 400px;
			width: 10px;
			}
			.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: fixed;top: 40px;left: 0px;
			z-index: 99999999;
			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;
			}
			.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;
			}
			.zuobiankuandu1{
			width: 348px;z-index: 999;height: 380px;position: absolute;top: 480px;left: 0px;opacity: 0.8;
			}
			.zuobiankuandu3{
			width: 348px;height: 480px;position: absolute;top: 480px;left: 0px;z-index: 999;opacity: 1;border-radius: 5px;;
			}
			.zuobiankuandu4{
			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;
			}
			.tongxun{
			display: none;
			}
			.tongxun1{
			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;
			}
			.tt1{
			display: inline-block;
			font-size: 14px;
			margin-top: 10px;
			}
			.gjt1{
			height: 100%;
			color: white;
			text-align: center;
			margin-top: 30px;
			}
			.gjt1 li{
			line-height: 40px;
			font-size: 14px;
			}
			#renyuanxinxi{
			background-color: #383438;
			}
			#rytb{
			font-size: 16px;color: white;height: 100%;
			}
			#messageinput{
			width: 50%;
			}
			#rytb td{
			font-size: 10px;
			}
			#zhendongqq{
			font-size: 1em;
			}
			#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>
			<script src="/hxzkoa/hxzk/assets/js/libs/jquery-3.1.1.min.js"></script>
			<script src="/hxzkoa/hxzk/assets/js/vxgplayer-1.8.40.min.js"></script>
			<script src="/hxzkoa/hxzk/assets/js/echarts.minaa.js"></script>
			<script src="/hxzkoa/hxzk/assets/js/app.js"></script>
			<script src="/hxzkoa/hxzk/assets/js/dashboard/dash_2.js"></script>
			<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="/hxzkoa/hxzk/plugins/apex/apexcharts.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>
			<script src="/hxzkoa/hxzk/plugins/sweetalerts/promise-polyfill.js"></script>
			<script src="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert2.min.js"></script>
			<script src="/hxzkoa/hxzk/plugins/sweetalerts/custom-sweetalert.js"></script>
			<script src="/hxzkoa/hxzk/plugins/perfect-scrollbar/perfect-scrollbar.min.js"></script>
			<script src="/hxzkoa/hxzk/assets/js/tanchuang/naranja.js"></script>
			<script src="/hxzkoa/hxzk/assets/js/jsmpeg.min.js"></script>
			<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>
			</head>

			<body style="width: 100%">
			<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;">
			<body>
			<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"
			@@ -385,225 +663,242 @@
			<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>
			<div class="login-page" style="z-index: 99999"></div>
			<div class="container-title" style="height: 88px;text-align: center;background-color: #191E3A;z-index: 9999">
			<span class="" id="threeD" style="color: whitesmoke">定位管理系统</span>
			</div>
			<div style="background-color:#191E3A"><div class="header-page" style="z-index: 99999"></div></div>
			<div class="main-container" id="container">
			<%-- 右侧数据--%>
			<div class="rightdata" style="width: 400px;height: 728px;background-color: #191E3A;position: absolute;top: 175px;left: 1510px;z-index: 9999;opacity: 0.5;border-radius: 5px" >
			<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 style="width: 440px;height: 743px;position: absolute;top: 175px;z-index: 9999;margin-left: 1510px">
			<div style="width: 430px;height: 728px;position: absolute;top: 0px;left: px;z-index: 9999;overflow:hidden;border-radius: 5px;overflow: scroll;overflow-x: hidden"class="item9" >
			<span style="text-align: center">在线人员信息</span>
			<table>
			<tr style="color: white;text-align: center;font-family: 微软雅黑;font-size: 14px" class="table table-hover">
			<td style="width: 98px">名称</td>
			<td style="width: 98px">部门</td>
			<td style="width: 98px">编号</td>
			<td style="width: 98px">电量</td>
			<td style="width: 98px">状态</td>
			</tr>
			<table>
			<c:forEach items="${personListRight}" var="list">
			<tr style="height: 40px;color: white;text-align: center" onclick="xsXinXi(${list.p_tagid})">
			<td style="width: 90px;cursor: pointer">${list.p_name}</td>
			<td style="width: 88px;cursor: pointer">${list.p_department}</td>
			<td style="width: 88px;cursor: pointer">${list.p_tagid}</td>
			<td style="width: 85px;cursor: pointer">${list.p_power}%</td>
			<td style="width: 88px;cursor: pointer">${list.p_online == 0 ? "<img src='/hxzkoa/hxzk/image/icon/tagoff.png'/>" : "<img src='/hxzkoa/hxzk/image/icon/tagon.png'/>"} </td>
			</tr>
			</c:forEach>
			</table>
			</table>
			</div>
			<div class="container-fluid">
			<div class="row">
			<div class="col-xs-12 col-md-12 mobile-title1" id="threeD1">
			<span class="mobile-title" id="threeD" style="color: whitesmoke;">${titleList}</span>
			</div>
			</div>
			<div class="row">
			<div class="col-xs-12 col-md-12 mobile-nav">
			<div style="background-color:#191E3A;"><div class="header-page" style="z-index: 99999"></div></div>
			</div>
			</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: 999999;width: 100%; height: 100%; font-family:" 微软雅黑";" id="baidumap" >

			</div>


			</div>
			</div>

			<div class="row" style="">
			<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"/>
			</div>
			<div class="tongji zuobiankuandu3" >
			<span class="zuobiankuanduwz" style="">统计数据</span>
			<div id="tongjishuju2" class="zuobiankuandu4" >
			<a href="javascript:;" id="ryxs1"><div class="lcdf">
			<div class="lcd" id="lcd0"></div>
			<div class="lcdh" id="lcdh0"></div>
			</div></a>
			<a href="javascript:;" id="clxs1"><div class="lcdf">
			<div class="lcd" id="lcd1"></div>
			<div class="lcdh" id="lcdh1" ></div>
			</div></a>
			<a href="javascript:;" id="wzxs1"><div class="lcdf">
			<div class="lcd" id="lcd2"></div>
			<div class="lcdh" id="lcdh2" ></div>
			</div></a>
			<a href="javascript:;" id="jzxs1"><div class="lcdf">
			<div class="lcd" id="lcd3"></div>
			<div class="lcdh" id="lcdh3" ></div>

			</div></a>
			<a href="javascript:;" id="sosxs1"><div class="lcdf">
			<div class="lcd" id="lcd4"></div>
			<div class="lcdh" id="lcdh4" ></div>
			</div></a>
			<a href="javascript:;" id="ddlxs1"><div class="lcdf">
			<div class="lcd" id="lcd5"></div>
			<div class="lcdh" id="lcdh5" ></div>
			</div></a>
			<a href="javascript:;"><div class="lcdf">
			<div class="lcd" id="lcd6"></div>
			<div class="lcdh" id="lcdh6" style="color: whitesmoke"></div>
			</div></a>
			<a href="javascript:;"><div class="lcdf">
			<div class="lcd" id="lcd7"></div>
			<div class="lcdh" id="lcdh7" style="color: whitesmoke"></div>
			</div></a>
			<a href="javascript:;"><div class="lcdf">
			<div class="lcd" id="lcd8"></div>
			<div class="lcdh" id="lcdh8" style="color: whitesmoke"></div>
			</div></a>
			</div>
			</div>
			<%--即时通讯--%>
			<div class="tongxun1" style="width: 450px;z-index: 9999;height: 350px;border-radius: 15px;background-color: #191E3A;position: absolute;top: 560px;left: 10px;opacity: 0.8">
			<img src="/hxzkoa/hxzk/image/image/BK3.png" style="width: 450px;height: 360px"/>
			</div>
			<div class="tongxun" style="width: 450px;height: 360px;position: absolute;top: 560px;left: 10px;z-index: 9999;opacity: 1;border-radius: 5px;">
			<span style="color: white;font-size: 24px;margin-left: 170px;margin-top: 15px;display: inline-block">即时通讯</span>
			<!-- <div id="wasd" class="" style="margin-top: 50px;"></div> -->
			<div id="msg" class="" style="margin-top: 20px;padding: 0 20;">
			<input type="text" placeholder="请输入标签ID" id="sousuotagidx" style="margin-bottom: 20px;padding: 5;background-color: #191E3A;opacity: 0.8;width: 240px;color: white;border: 0px"/>
			<button class="btn btn-primary" id="sousuo2">搜索</button>
			<button class="btn btn-primary" id="sousuo2sx">刷新</button>
			<textarea class="form-control" id="message"
			style="margin-bottom: 20px;height: 40%;padding: 5;background-color: #191E3A;opacity: 0.8"
			placeholder="输入需要发送信息"></textarea>
			<button type="button" class="btn btn-primary btn-block"
			onclick="send()">发送</button>
			</div>
			</div>
			</div>
			<div class="col-xs-1 col-md-4 zhongjian" style="">
			<div style="z-index: 99999;position: relative;top: 150px;left: 560px" class="ycbtn" style="border: 1px solid red">
			<ul style="">
			<li><a href="javascript:;" class="ycbtn1"><img src="/hxzkoa/hxzk/image/image/yc.png" title="隐藏看板" style="width: 40px"/></a></li>
			</ul>
			</div>
			<div class="qhyc" style="">
			<ul style="">
			<li style="width: 60px;"><a href="javascript:;" style="color: white;"></a></li>
			</ul>
			<ul style="">
			<li class="zs3"><img src="/hxzkoa/hxzk/image/image/zs3.png" style="width: 80px;height: 40px"></li>
			<li class="zs3"><img src="/hxzkoa/hxzk/image/image/zs3.png" style="width: 80px;height: 40px"></li>
			<li class="zs3"><img src="/hxzkoa/hxzk/image/image/zs3.png" style="width: 80px;height: 40px"></li>
			</ul>
			<ul style="" class="XzTc">
			<li class="zs3"><a href="javascript:;" title="切换百度地图" onclick="qh(0)">百度地图</a></li>
			<li class="zs3"><a href="javascript:;" title="切换三维地图" onclick="qh(1)">三维地图</a></li>
			<li class="zs3"><a href="/hxzkoa/hxzk/mapshow/mapShow.jsp" title="切换平面地图">平面地图</a></li>
			</ul>
			</div>
			</div>

			<div style="width: 100%; height: 100%; float: left" id="wrap">
			<canvas id="draw">
			</canvas>
			<div class="col-xs-1 col-md-4 youbian" id="youbiano" >
			<%-- 右侧数据--%>
			<div class="rightdata ybkuandu1" >
			</div>
			<div class="ynkuandu2">
			<div style=""class="item9" >
			<span style="text-align: center">在线人员信息</span>
			<table>
			<tr style="color: white;text-align: center;font-family: 微软雅黑;font-size: 14px">
			<td style="width: 98px">名称</td>
			<td style="width: 98px">部门</td>
			<td style="width: 98px">编号</td>
			<td style="width: 98px">电量</td>
			<td style="width: 98px">状态</td>
			</tr>
			<table id="gxrsj">
			<c:forEach items="${personListRight}" var="list">
			<tr style="height: 40px;color: white;text-align: center" onclick="xsXinXi(${list.p_tagid})">
			<td style="width: 90px;cursor: pointer">${list.p_name}</td>
			<td style="width: 88px;cursor: pointer">${list.p_department}</td>
			<td style="width: 88px;cursor: pointer">${list.p_tagid}</td>
			<td style="width: 85px;cursor: pointer">${list.p_power}%</td>
			<td style="width: 88px;cursor: pointer">${list.p_online == 0 ? "<img src='/hxzkoa/hxzk/image/icon/tagoff.png'/>" : "<img src='/hxzkoa/hxzk/image/icon/tagon.png'/>"} </td>
			</tr>
			</c:forEach>
			</table>
			</table>
			</div>
			</div>
			</div>
			<div style="z-index: 99999;position: absolute" class="ycbtn">
			<ul style="position: absolute;left: 1430px;top: 60px;opacity: 0.8">
			<li><a href="javascript:;" class="ycbtn1"><img src="/hxzkoa/hxzk/image/image/yc.png" title="隐藏看板" style="width: 40px"/></a></li>
			</ul>
			</div>
			<div class="qhyc" style="z-index: 99999;position: absolute">
			<ul style="position: absolute;left: 1420px;top: 560px">
			<li style="width: 60px;"><a href="javascript:;" style="color: white;"></a></li>
			</ul>
			<ul style="position: absolute;left: 1410px;top: 280px">
			<li class="zs3"><img src="/hxzkoa/hxzk/image/image/装饰3.png" style="width: 80px;height: 40px"></li>
			<li class="zs3"><img src="/hxzkoa/hxzk/image/image/装饰3.png" style="width: 80px;height: 40px"></li>
			<li class="zs3"><img src="/hxzkoa/hxzk/image/image/装饰3.png" style="width: 80px;height: 40px"></li>
			</ul>
			<ul style="position: absolute;left: 1420px;top: 280px">

			<li class="zs3"><a href="javascript:;" title="切换百度地图" onclick="qh(0)">百度地图</a></li>
			<li class="zs3"><a href="javascript:;" title="切换三维地图" onclick="qh(1)">三维地图</a></li>
			<li class="zs3"><a href="/hxzkoa/hxzk/mapshow/mapShow.jsp" title="切换平面地图">平面地图</a></li>
			</ul>
			</div>
			<iframe width="770" frameborder="0" id="ryxsif1" height="460" style="display: none;overflow-x: hidden;position: fixed;top:250px;left:560px;z-index: 9999;box-shadow: black 5px 5px 10px;" src="/hxzkoa/iframeRenYuan.do"></iframe><a href="javascript:;" id="close" style="position: fixed;top: 220px;left: 1240px;z-index: 99999;display: none;z-index: 9999999"><img src="/hxzkoa/hxzk/image/index/关闭.png" width="25"style="float: right"/></a>
			<iframe width="770" frameborder="0" id="clxsif1" height="460" style="display: none;overflow-x: hidden;position: fixed;top:250px;left:560px;z-index: 9999;box-shadow: black 5px 5px 10px;opacity: 1" src="/hxzkoa/iframeCheLiang.do"></iframe>
			<iframe width="770" frameborder="0" id="wzxsif1" height="460" style="display: none;overflow-x: hidden;position: fixed;top:250px;left:560px;z-index: 9999999999999999999999;box-shadow: black 5px 5px 10px;opacity: 1" src="/hxzkoa/iframeWuZi.do"></iframe>
			<iframe width="770" frameborder="0" id="jzxsif1" height="460" style="display: none;overflow-x: hidden;position: fixed;top:250px;left:560px;z-index: 9999;box-shadow: black 5px 5px 10px;opacity: 1" src="/hxzkoa/iframeJiZhan.do"></iframe>
			<iframe width="770" frameborder="0" id="sosxsif1" height="460" style="display: none;overflow-x: hidden;position: fixed;top:250px;left:560px;z-index: 9999;box-shadow: black 5px 5px 10px;opacity: 1" src="/hxzkoa/iframeSoS.do"></iframe>
			<iframe width="770" frameborder="0" id="ddlxsif1" height="460" style="display: none;overflow-x: hidden;position: fixed;top:250px;left:560px;z-index: 9999;box-shadow: black 5px 5px 10px;opacity: 1" src="/hxzkoa/iframeDdl.do"></iframe>
			<div style="z-index: 999;width: 100%; height: 100%; overflow: hidden; margin: 0; font-family:" 微软雅黑";" id="baidumap" ></div>
			<div style="z-index: 999;position: absolute; top:142px;width: 100%; height: 85%; overflow: hidden; margin: 0; font-family:" 微软雅黑";" id="fengmap"></div>
			<%--统计数据--%>
			<div class="tongji" style="width: 450px;z-index: 999;height: 380px;position: absolute;top: 172px;left: 10px;opacity: 0.8;background-color: #191E3A">
			<img src="/hxzkoa/hxzk/image/image/BK1.png" style="width: 450px;height: 380px"/>
			</div>
			<div class="tongji" style="width: 450px;height: 380px;position: absolute;top: 172px;left: 10px;z-index: 999;opacity: 1;border-radius: 5px;">
			<span style="color: white;font-size: 24px;margin-left: 170px;margin-top: 15px;display: inline-block">统计数据</span>
			<div id="tongjishuju2" style="color: rgb(179, 179, 179);font-size: 18px;margin-top: 30px">
			<a href="javascript:;" id="ryxs1"><div class="lcdf">
			<div class="lcd" id="lcd0"></div>
			<div class="lcdh" id="lcdh0" style="color: whitesmoke"></div>
			</div></a>
			<a href="javascript:;" id="clxs1"><div class="lcdf">
			<div class="lcd" id="lcd1"></div>
			<div class="lcdh" id="lcdh1" style="color: whitesmoke"></div>
			</div></a>
			<a href="javascript:;" id="wzxs1"><div class="lcdf">
			<div class="lcd" id="lcd2"></div>
			<div class="lcdh" id="lcdh2" style="color: whitesmoke"></div>
			</div></a>
			<a href="javascript:;" id="jzxs1"><div class="lcdf">
			<div class="lcd" id="lcd3"></div>
			<div class="lcdh" id="lcdh3" style="color: whitesmoke"></div>

			</div></a>
			<a href="javascript:;" id="sosxs1"><div class="lcdf">
			<div class="lcd" id="lcd4"></div>
			<div class="lcdh" id="lcdh4" style="color: whitesmoke"></div>
			</div></a>
			<a href="javascript:;" id="ddlxs1"><div class="lcdf">
			<div class="lcd" id="lcd5"></div>
			<div class="lcdh" id="lcdh5" style="color: whitesmoke"></div>
			</div></a>
			<a href="javascript:;"><div class="lcdf">
			<div class="lcd" id="lcd6"></div>
			<div class="lcdh" id="lcdh6" style="color: whitesmoke"></div>
			</div></a>
			<a href="javascript:;"><div class="lcdf">
			<div class="lcd" id="lcd7"></div>
			<div class="lcdh" id="lcdh7" style="color: whitesmoke"></div>
			</div></a>
			<a href="javascript:;"><div class="lcdf">
			<div class="lcd" id="lcd8"></div>
			<div class="lcdh" id="lcdh8" style="color: whitesmoke"></div>
			</div></a>
			</div>
			</div>
			<%--即时通讯--%>
			<div class="tongxun1" style="width: 450px;z-index: 9999;height: 350px;border-radius: 15px;background-color: #191E3A;position: absolute;top: 560px;left: 10px;opacity: 0.8">
			<img src="/hxzkoa/hxzk/image/image/BK3.png" style="width: 450px;height: 360px"/>
			</div>
			<div class="tongxun" style="width: 450px;height: 360px;position: absolute;top: 560px;left: 10px;z-index: 9999;opacity: 1;border-radius: 5px;">
			<span style="color: white;font-size: 24px;margin-left: 170px;margin-top: 15px;display: inline-block">即时通讯</span>
			<!-- <div id="wasd" class="" style="margin-top: 50px;"></div> -->
			<div id="msg" class="" style="margin-top: 20px;padding: 0 20;">
			<select class="form-control form-control-lg" id="tagid"
			style="font-size: 15px;margin-bottom: 20px;background-color: #191E3A;opacity: 0.8" placeholder="请选择设备">
			<option value="all">所有标签</option>
			<c:forEach items="${persons}" var="list">
			<option value="${list.p_tagid}">${list.p_tagid}</option>
			</c:forEach>
			</select>
			<textarea class="form-control" id="message"
			style="margin-bottom: 20px;height: 40%;padding: 5;background-color: #191E3A;opacity: 0.8"
			placeholder="输入需要发送信息"></textarea>
			<button type="button" class="btn btn-primary btn-block"
			onclick="send()">发送</button>
			</div>
			</div>
			</div>
			<div id="ryxs"
			style="background-color: #383438;position: absolute;top:0px;margin-left: 30%;margin-top: 250px;width: 40%;height: 50%;z-index: 99999;opacity: 0.9;display: none">
			@@ -645,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>
			@@ -695,18 +990,21 @@
			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="发送">
			value="发送信息">
			</td>
			</tr>
			</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="display: none" class="iframery">
			<div style="position: absolute;z-index: 99999;width: 650px;height: 500px;top: 200px;left: 650px;"> <div style="width: 600px;height: 68px;background-color: #11182D;opacity: 0.8;position: absolute;top: 60px;left: 20px;border-radius: 15px"></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">
			<tr align="center" style="background-color: #11182D;opacity: 0.8">
			<td style="color: #029890">姓名</td>
			<td style="color: #029890">标签ID</td>
			<td style="color: #029890">性别</td>
			@@ -714,7 +1012,7 @@
			<td style="color: #029890">状态</td>
			</tr>
			<c:forEach items="${rypersonManagementList}" var="list">
			<tr align="center" style="background-color: #11182D;opacity: 0.8;height: 40px">
			<tr align="center" style="background-color: #11182D;opacity: 0.8;height: 40px;cursor: pointer">
			<td style="color: white">${list.p_name}</td>
			<td style="color: white">${list.p_tagid}</td>
			<td style="color: white">${list.p_sex}</td>
			@@ -727,10 +1025,11 @@
			</div>
			<%--车辆数据窗口--%>
			<div style="display: none" class="iframecl">
			<div style="position: absolute;z-index: 99999;width: 650px;height: 500px;top: 200px;left: 650px;"><div style="width: 600px;height: 68px;background-color: #11182D;opacity: 0.8;position: absolute;top: 60px;left: 20px;border-radius: 15px"></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;height: 1000px;overflow-y: scroll">
			<tr align="center" style="margin-bottom: 20px">
			<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">
			<td class="noExl" style="color: #029890">序号</td>
			<td style="color: #029890">车辆名称</td>
			<td style="color: #029890">标签ID</td>
			@@ -751,10 +1050,11 @@
			</div>
			<%--物资数据窗口--%>
			<div style="display: none" class="iframewz">
			<div style="position: absolute;z-index: 99999;width: 650px;height: 500px;top: 200px;left: 650px;"> <div style="width: 600px;height: 68px;background-color: #11182D;opacity: 0.8;position: absolute;top: 60px;left: 20px;border-radius: 15px"></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;height: 1000px;overflow-y: scroll">
			<tr align="center" style="margin-bottom: 20px">
			<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">
			<td style="color: #029890" class="noExl">序号</td>
			<td style="color: #029890">标签ID</td>
			<td style="color: #029890">物资名称</td>
			@@ -775,10 +1075,11 @@
			</div>
			<%--基站数据窗口--%>
			<div style="display: none" class="iframejz">
			<div style="position: absolute;z-index: 99999;width: 650px;height: 500px;top: 200px;left: 650px;"> <div style="width: 600px;height: 68px;background-color: #11182D;opacity: 0.8;position: absolute;top: 60px;left: 20px;border-radius: 15px"></div><img src="/hxzkoa/hxzk/image/image/BK5.png" style="width: 650;height: 500px"/></div>
			<div style="height: 400px;overflow-y:scroll;z-index: 99999;position: absolute;top: 280px;left: 670px">
			<table style="width: 590px;overflow: hidden;overflow-y: scroll">
			<tr align="center">
			<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">
			<td style="color: #029890" class="noExl">基站状态</td>
			<td style="color: #029890">设备编号</td>
			<td style="color: #029890">X坐标/cm</td>
			@@ -811,10 +1112,11 @@
			</div>
			<%--SOS未处理窗口--%>
			<div style="display: none" class="iframesos">
			<div style="position: absolute;z-index: 99999;width: 650px;height: 500px;top: 200px;left: 650px;"> <div style="width: 600px;height: 68px;background-color: #11182D;opacity: 0.8;position: absolute;top: 60px;left: 20px;border-radius: 15px"></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;height: 1000px;overflow-y: scroll">
			<tr align="center" style="margin-bottom: 20px">
			<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">
			<td style="color: #029890">序号</td>
			<td style="color: #029890">警告类型</td>
			<td style="color: #029890">设备id</td>
			@@ -833,10 +1135,11 @@
			</div>
			<%--低电量数据窗口--%>
			<div style="display: none" class="iframeddl">
			<div style="position: absolute;z-index: 99999;width: 650px;height: 500px;top: 200px;left: 650px;"> <div style="width: 600px;height: 68px;background-color: #11182D;opacity: 0.8;position: absolute;top: 60px;left: 20px;border-radius: 15px"></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;height: 1000px;overflow-y: scroll">
			<tr align="center" style="margin-bottom: 20px">
			<table style="width: 590px;overflow-y: scroll">
			<tr align="center" style="background-color: #11182D;opacity: 0.8">
			<td style="color: #029890">序号</td>
			<td style="color: #029890">警告类型</td>
			<td style="color: #029890">设备id</td>
			@@ -853,14 +1156,68 @@
			</table>
			</div>
			</div>


			</div>
			<% String username=(String) session.getAttribute("username"); if (username==null \|\| username.equals(""))
			{ request.getRequestDispatcher("/hxzk/login.jsp").forward(request, response); return; } %>
			<input type="hidden" name="xianusera" id="xianusera" value="<%=username%>">
			</body>


			<script src="/hxzkoa/hxzk/assets/js/libs/jquery-3.1.1.min.js"></script>
			<script src="/hxzkoa/hxzk/assets/js/vxgplayer-1.8.40.min.js"></script>
			<script src="/hxzkoa/hxzk/assets/js/echarts.minaa.js"></script>
			<script src="/hxzkoa/hxzk/assets/js/app.js"></script>
			<script src="/hxzkoa/hxzk/assets/js/dashboard/dash_2.js"></script>
			<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>
			<script src="/hxzkoa/hxzk/plugins/sweetalerts/promise-polyfill.js"></script>
			<script src="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert2.min.js"></script>
			<script src="/hxzkoa/hxzk/plugins/sweetalerts/custom-sweetalert.js"></script>
			<script src="/hxzkoa/hxzk/plugins/perfect-scrollbar/perfect-scrollbar.min.js"></script>
			<script src="/hxzkoa/hxzk/assets/js/tanchuang/naranja.js"></script>
			<script src="/hxzkoa/hxzk/assets/js/jsmpeg.min.js"></script>
			<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" 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;
			//隐藏数据窗口
			$(".ycbtn1").click(function(){
			@@ -898,7 +1255,7 @@
			"tagid":tagid
			},
			success: function (data) {
			console.log(data[0])

			document.getElementById("nameqq1").innerHTML = data[0][1];
			document.getElementById("sexqq1").innerHTML = data[0][3];
			document.getElementById("minzuqq1").innerHTML = data[0][4];
			@@ -1076,7 +1433,7 @@
			},
			});

			document.getElementById("xianuser").innerHTML = document.getElementById("xianusera").value
			// document.getElementById("xianuser").innerHTML = document.getElementById("xianusera").value

			/* $.ajax({
			url: "/hxzkoa/pushsxtrtsp.do",
			@@ -1085,24 +1442,22 @@

			current_map = getMapNow();
			if (current_map == "百度地图") {
			document.getElementById("wrap").style.display = "none";
			//document.getElementById("wrap").style.display = "none";
			document.getElementById("fengmap").style.display = "none";
			$("#fdyc").css("top","-480px")
			diaoyongbaidumap();
			} else if(current_map == "三维地图") {
			document.getElementById("wrap").style.display = "none";
			$(".zuobian").css("top","-1007px")
			$(".youbian").css("top","-827px")
			$(".zhongjian").css("top","-1000px")
			//document.getElementById("wrap").style.display = "none";
			document.getElementById("baidumap").style.display = "none";
			document.getElementById("fengmap").style.display = "";
			// document.getElementById("sousuotagid").style.display = "none";


			diaoyongsanweimap();
			diaoyongbaidumap();
			}
			else {
			// document.getElementById("sousuotagid").style.display = "none";


			document.getElementById("baidumap").style.display = "none";
			document.getElementById("fengmap").style.display = "none";

			@@ -1349,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])
			}
			},
			});
			@@ -1366,7 +1722,7 @@
			success: function (data) {
			for (var i = 0; i < data.length; i++) {
			//playMark[id,name,power,life,x,y,time]
			console.log(data)

			realposition.push([data[i].tagid, data[i].baoliu25, data[i].baoliu26, data[i].baoliu27, data[i].baoliu28, data[i].baoliu29, data[i].sos, data[i].baoliu20, data[i].baoliu21])
			}
			},
			@@ -1384,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])
			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])
			}
			},
			});
			@@ -1401,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])
			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])
			}
			},
			});
			@@ -1557,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]);
			}
			};
			},
			@@ -1870,7 +2231,6 @@
			return this.size() == 0;
			}
			};

			function diaoyongbaidumap() {
			//读取系统设置
			var bm_sysSetting = getSystemSetting();
			@@ -1885,9 +2245,32 @@
			var bm_baidu_j = bm_sysSetting[0].baidu_j;//百度地图精度
			var bm_baidu_w = bm_sysSetting[0].baidu_w;//百度地图维度

			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), 12); // 初始化地图,设置中心点坐标和地图级别
			bm.centerAndZoom(new BMap.Point(bm_baidu_j, bm_baidu_w), 6); // 初始化地图,设置中心点坐标和地图级别

			// 移除默认图层


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


			//添加地图类型控件
			bm.addControl(new BMap.MapTypeControl({
			mapTypes: [
			@@ -1896,17 +2279,16 @@
			BMAP_HYBRID_MAP
			]
			}));
			bm.setMinZoom(6);
			bm.setMaxZoom(15);
			bm.setMinZoom(2);
			bm.setMaxZoom(18);
			// bm.setMapStyleV2({
			// styleId: '22392e6be17d6b70d954c32746015696'
			// });
			//仅保留控件缩放部分; //添加导航控件
			//map.addControl(new BMap.OverviewMapControl());
			bm.setCurrentCity("北京"); // 设置地图显示的城市此项是必须设置的
			bm.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
			bm.addControl(new BMap.MapTypeControl({
			mapTypes: [

			]
			}));
			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), {
			@@ -1915,6 +2297,7 @@
			var c = new Convertor();
			var rr = c.WGS2BD09({ lng: new Number(ditus[i][1]), lat: new Number(ditus[i][2]) });
			var point = new BMap.Point(rr.lng, rr.lat);
			console.log(ditu)
			markeraa = new BMap.Marker(point, { icon: ditu });
			var aaab = ditus[i][0].split(".");
			var name = new BMap.Label(aaab[0], { offset: new BMap.Size(50, -30) });
			@@ -1961,19 +2344,37 @@

			}

			function sousuo2() {
			sousuopd = true;
			sousuoid = $("#sousuotagid").val();

			document.getElementById("qu").style.display = "";
			var gpslist = getGPS();
			for (const key in gpslist) {
			if (gpslist[key][0] == sousuoid) {
			bm.panTo(new BMap.Point(gpslist[key][1], gpslist[key][2]));
			$("#sousuo2").click(function (){
			sousuoid = $("#sousuotagidx").val();
			//判断ID是否存在
			$.ajax({
			url: "idCunZai.do",
			type: "POST",
			dataType: "JSON",
			data: {
			id: sousuoid,
			},
			success:function (data){
			if(data.length == 0){
			alert("当前标签不在线")
			}else{
			var gpslist = getGPS();
			for (const key in gpslist) {
			if (gpslist[key][0] == sousuoid) {
			bm.panTo(new BMap.Point(gpslist[key][1], gpslist[key][2]));
			}
			}
			}
			}
			}
			}
			sousuo = sousuo2;
			})
			})


			$("#sousuo2sx").click(function (){
			window.location.reload();
			})


			quxiao = quxiao2;

			for (var i = 0; i < fences.length; i++) {
			@@ -2017,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]
			}; */

			@@ -2128,6 +2531,7 @@

			function baidummm() {
			var info = [];

			for (var i = 0; i < gps_node_list.length; i++) {
			if (markers.get(gps_node_list[i][0]) == null) {
			var c = new Convertor();
			@@ -2147,6 +2551,7 @@
			backgroundColor: "#32CD32",
			transform: 'translateX(-50%)',
			});

			marker.setLabel(tagid); //添加label-tagid
			labeltagids.add(gps_node_list[i][0], tagid);
			}
			@@ -2157,6 +2562,7 @@
			backgroundColor: "0.000000000001",
			border: 'none'
			});

			marker.setLabel(zuobiao);
			labelzuobiaos.add(gps_node_list[i][0], zuobiao);
			}
			@@ -2167,6 +2573,7 @@
			backgroundColor: "0.000000000001",
			border: 'none'
			});

			marker.setLabel(dianliang);
			labeldianliangs.add(gps_node_list[i][0], dianliang);
			}
			@@ -2186,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];
			@@ -2208,6 +2615,7 @@
			// bdtanchuangs.add(gps_node_list[i][0], info[i]);
			markers.add(gps_node_list[i][0], marker);
			xinxi.add(gps_node_list[i][0], gps_node_list[i])
			break;
			}
			}
			tt = tt + 1;
			@@ -2464,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 () {
			@@ -2494,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);
			@@ -2619,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]);
			@@ -3098,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>';
			}
			}
			}
			@@ -3151,7 +3565,7 @@
			setInterval(baojing, 1000)
			function baojing() {
			sosgaojing = getRealPositiongao();
			console.log(sosgaojing)

			for (var i = 0; i < sosgaojing.length; i++) {
			if(sosgaojing[i][8] == "1"){
			if (wxgjlist.get(sosgaojing[i][0]) == null) {
			@@ -3185,7 +3599,7 @@
			panduanzong += 1;
			}
			} if (sosgaojing[i][7] == 1) {
			console.log("11111111111");

			alert("11111111")
			if (fencelist.get(sosgaojing[i][0]) == null) {
			var str = '注意,编号[' + sosgaojing[i][0] + ']进入危险区域'
			@@ -3351,11 +3765,10 @@
			}





			//播放窗口关闭




			function guiling(tagid) {
			$.ajax({
			async: false,
			@@ -3597,7 +4010,6 @@
			type:"POST",
			dataType:"JSON",
			success(data){
			console.log(data.length)
			var str=[];
			var num=0;
			for (var i=0;i<data.length;i++){
			@@ -3607,15 +4019,26 @@
			data[i].p_online = "在线"
			}
			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 += '<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>',
			str += '<td class="ttdd'+i+'" style="width: 90px;color: white">'+data[i].p_power+'</td>',
			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 += '<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>',
			str += '<td class="ttdd'+i+'" style="width: 90px;color: white">'+data[i].p_power+'</td>',
			str += '<td class="ttdd'+i+'" style="width: 90px;color: white">'+data[i].p_online+'</td>',
			str += '</tr>'
			}

			str += '<tr style="color: #AEC0D0;text-align: center;font-family: 微软雅黑;font-size: 14px" class="table table-hover" >',
			str += '<td style="width: 90px">'+num+'</td>',
			str += '<td style="width: 90px">'+data[i].p_name+'</td>',
			str += '<td style="width: 90px">'+data[i].p_department+'</td>',
			str += '<td style="width: 90px">'+data[i].p_tagid+'</td>',
			str += '<td style="width: 90px">'+data[i].p_power+'</td>',
			str += '<td style="width: 90px">'+data[i].p_online+'</td>',
			str += '</tr>'
			}
			$("#gxrsj").empty();
			$("#gxrsj").append(str)
			@@ -3636,6 +4059,16 @@
			}
			});
			}
			var zxry1 =0;
			function zxry(){
			location.href="/hxzkoa/hxzk/YiDong/ZxRy.jsp"
			}

			var tjsj1 = 0;
			function tjsj(){
			location.href="/hxzkoa/hxzk/YiDong/TjSj.jsp"

			}

			//指令下发
			function send() {
			@@ -3733,7 +4166,6 @@
			origon = data.origon,
			target = data.target,
			type = data.type
			console.log(origon,target,type)
			}
			})

			@@ -4034,11 +4466,12 @@
			} else {
			xy = fengmap.FMCalculator.latlngToMapCoordinate({x:personlist[i][5],y:personlist[i][4]})
			}
			if (personlist[i][19] == "车载标签" \|\| personlist[i][19] == "车载带屏") {
			turl = '/hxzkoa/hxzk/image/targeticon/default2.png'
			} else {
			turl = '/hxzkoa/hxzk/image/targeticon/default.png'
			}
			// if (personlist[i][19] == "车载标签" \|\| personlist[i][19] == "车载带屏") {
			// turl = '/hxzkoa/hxzk/'+personlist[i][20]+''
			// } else {
			// turl = '/hxzkoa/hxzk/image/targeticon/default.png'
			// }
			turl = '/hxzkoa/hxzk/'+personlist[i][20]+''
			var fmarker = new fengmap.FMImageMarker({
			url: turl,
			x: xy.x,
			@@ -4166,6 +4599,16 @@
			}
			}

			function blues(e){

			$(".ttdd"+e).css("color","deepskyblue")
			}

			function blues1(e){

			$(".ttdd"+e).css("color","white")
			}

			function checked1(name) {
			switch (name) {
			case "customSwitch1": {
			@@ -4299,11 +4742,11 @@
			map.on('loaded', function () {

			//指北针
			var compass = new fengmap.FMCompass({
			pointerImageURL: '/hxzkoa/hxzk/image/targeticon/pic-zbz@2x.png',
			position: fengmap.FMControlPosition.RIGHT_TOP,
			offset: { x: -20, y: 20 }
			});
			// var compass = new fengmap.FMCompass({
			// pointerImageURL: '/hxzkoa/hxzk/image/targeticon/pic-zbz@2x.png',
			// position: fengmap.FMControlPosition.RIGHT_TOP,
			// offset: { x: -20, y: 20 }
			// });

			//比例尺
			var scrollScaleBarCtlOpt = {
			@@ -4331,17 +4774,17 @@
			var scrollFloorControl = new fengmap.FMToolbar(scrollFloorCtlOpt);

			//缩放
			var scrollZoomCtlOpt = {
			position: fengmap.FMControlPosition.RIGHT_TOP,
			offset: {
			x: -20,
			y: 310
			},
			};
			var toolbar = new fengmap.FMZoomControl(scrollZoomCtlOpt);
			// var scrollZoomCtlOpt = {
			// position: fengmap.FMControlPosition.RIGHT_TOP,
			// offset: {
			// x: -20,
			// y: 310
			// },
			// };
			// var toolbar = new fengmap.FMZoomControl(scrollZoomCtlOpt);

			toolbar.addTo(map)
			compass.addTo(map);
			// toolbar.addTo(map)
			// compass.addTo(map);
			scaleBar.addTo(map);
			scrollFloorControl.addTo(map);

			@@ -4366,7 +4809,7 @@
			}) */

			map.on('click', function (Example) {
			console.log()

			for (var i = 0; i < Example.targets.length; i++) {
			if (Example.targets[i].type == 32768) {
			var xinxisanwei = Example.targets[i].ie.split(",");
			@@ -4522,11 +4965,7 @@
			} else {
			xy = fengmap.FMCalculator.latlngToMapCoordinate({x: personlist[i][5],y: personlist[i][4]})
			}
			if (personlist[i][19] == "车载标签" \|\| personlist[i][19] == "车载带屏") {
			turl = '/hxzkoa/hxzk/image/targeticon/default2.png'
			} else {
			turl = '/hxzkoa/hxzk/image/targeticon/default.png'
			}
			turl = '/hxzkoa/hxzk/'+personlist[i][20]+''
			var fmarker = new fengmap.FMImageMarker({
			url: turl,
			x: xy.x,
			@@ -4663,11 +5102,7 @@
			} else {
			xy = fengmap.FMCalculator.latlngToMapCoordinate({x: personlist[i][5],y: personlist[i][4]})
			}
			if (personlist[i][19] == "车载标签" \|\| personlist[i][19] == "车载带屏") {
			turl = '/hxzkoa/hxzk/image/targeticon/default2.png'
			} else {
			turl = '/hxzkoa/hxzk/image/targeticon/default.png'
			}
			turl = '/hxzkoa/hxzk/'+personlist[i][20]+''
			var fmarker = new fengmap.FMImageMarker({
			url: turl,
			x: xy.x,
			@@ -4745,7 +5180,7 @@
			};
			function qiehuanditu(value) {
			if (value == "sanwei") {
			document.getElementById("wrap").style.display = "none";
			//document.getElementById("wrap").style.display = "none";
			document.getElementById("baidumap").style.display = "none";
			document.getElementById("fengmap").style.display = "";
			// document.getElementById("sousuotagid").style.display = "none";
			@@ -4777,7 +5212,7 @@
			},
			});
			} else if (value == "baidu") {
			document.getElementById("wrap").style.display = "none";
			//document.getElementById("wrap").style.display = "none";
			document.getElementById("fengmap").style.display = "none";
			document.getElementById("sanweichuang").style.display = "none";
			document.getElementById("baidumap").style.display = "inline-block";
			@@ -4870,42 +5305,88 @@
			}
			if(getMapNow()== "三维地图"){
			dyc= "z"

			}

			if (current_map == "百度地图") {
			document.getElementById("wrap").style.display = "none";
			document.getElementById("fengmap").style.display = "none";
			document.getElementById("baidumap").style.display = "block";
			$("#fdyc").css("top","-480px");
			var isMobile = window.matchMedia('(max-width: 768px)').matches;
			if (isMobile) {
			if(ifsanwei == 1){
			ifbaidu = 1;
			ifsanwei = 0;
			}else{
			ifsanwei = 0;
			}

			console.log("百度地图")
			document.getElementById("fengmap").style.display = "none";
			$(".butt").css("top","-650px")
			$(".qhyc").css("top","360px")
			document.getElementById("baidumap").style.display = "block";
			} else {
			//document.getElementById("wrap").style.display = "none";
			document.getElementById("fengmap").style.display = "none";
			document.getElementById("baidumap").style.display = "block";
			$(".zuobian").css("top","-1130px")
			$(".youbian").css("top","-950px")
			$("#fdyc").css("top","-480px");
			$(".zhongjian").css("top","-1003px")
			}

			} else if(current_map == "三维地图" && dyc== 1) {
			document.getElementById("wrap").style.display = "none";
			document.getElementById("baidumap").style.display = "none";
			document.getElementById("fengmap").style.display = "";
			var isMobile = window.matchMedia('(max-width: 768px)').matches;
			if (isMobile) {
			ifsanwei = 1;
			console.log("是移动设备")
			document.getElementById("baidumap").style.display = "none";
			document.getElementById("fengmap").style.display = "";
			dyc=2
			dycsw = 2
			$(".butt").css("top","-752px")
			$(".qhyc").css("top","258px")

			diaoyongsanweimap()
			} else {
			// 不是移动设备
			console.log("不是移动设备")
			//document.getElementById("wrap").style.display = "none";
			document.getElementById("baidumap").style.display = "none";
			document.getElementById("fengmap").style.display = "";
			$("#fdyc").css("top","0px")
			dyc=2
			dycsw = 2
			$(".zuobian").css("top","-1007px")
			$(".youbian").css("top","-827px")
			$(".zhongjian").css("top","-877px")
			diaoyongsanweimap()
			}

			$("#fdyc").css("top","0px")
			dyc=2
			dycsw = 2
			diaoyongsanweimap()

			}
			else if(current_map == "三维地图" \|\| current_map == "三维地图" && dyc == "z"){
			document.getElementById("wrap").style.display = "none";
			document.getElementById("baidumap").style.display = "none";
			document.getElementById("fengmap").style.display = "";

			var isMobile = window.matchMedia('(max-width: 768px)').matches;


			$("#fdyc").css("top","0px")
			if (isMobile) {
			ifsanwei = 1;
			console.log("三维地图2")
			$(".butt").css("top","-752px")
			$(".qhyc").css("top","258px")
			document.getElementById("baidumap").style.display = "none";
			document.getElementById("fengmap").style.display = "";
			} else {
			//document.getElementById("wrap").style.display = "none";
			document.getElementById("baidumap").style.display = "none";
			document.getElementById("fengmap").style.display = "";
			$("#fdyc").css("top","0px")
			$(".zuobian").css("top","-1007px")
			$(".youbian").css("top","-827px")
			$(".zhongjian").css("top","-880px")
			}


			}
			else{



			ifsanwei = 0;
			document.getElementById("baidumap").style.display = "none";
			document.getElementById("fengmap").style.display = "none";
			document.getElementById("sanweichuang").style.display = "none";
			@@ -4929,10 +5410,4 @@


			</script>
			<!-- END FUNCTION SCRIPTS -->

			<script src="/hxzkoa/hxzk/plugins/apex/apexcharts.js"></script>
			<script src="/hxzkoa/hxzk/plugins/apex/custom-apexcharts.js"></script>
			</body>

			</html>
			</html>