<%--
|
Created by IntelliJ IDEA.
|
User: Lenovo
|
Date: 2024/7/29
|
Time: 11:09
|
To change this template use File | Settings | File Templates.
|
--%>
|
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
<html>
|
<head>
|
<title>Title</title>
|
<link rel="stylesheet" href="../../CSS/layui.css">
|
<link rel="stylesheet" href="../../CSS/layer.css">
|
<style>
|
*{
|
padding: 0%;
|
margin: 0%;
|
}
|
</style>
|
</head>
|
<body>
|
<div class="layui-container" style="width: 100%;height: 100%;background-color: #FAFAFA">
|
<div class="layui-row">
|
<div class="layui-col-md12" style="margin-top: 0.5%">
|
<div class="layui-card">
|
<div class="layui-card-header languages1">URT绘制围栏</div>
|
<div class="layui-card-body">
|
<form class="layui-form" action="">
|
<div class="layui-form-item">
|
<label class="layui-form-label languages2">设备编号</label>
|
<div class="layui-input-block">
|
<input type="text" id="tagid" name="username" lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label languages3">围栏类型</label>
|
<div class="layui-input-block">
|
<select name="interest" id="type" lay-filter="type">
|
|
</select>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-input-block">
|
<button type="reset" class="layui-btn layui-btn-primary languages4" onclick="chongzhi()">重置</button>
|
<button type="button" class="layui-btn languages5" onclick="StartWeiLan()">开始绘制</button>
|
<button type="button" class="layui-btn layui-bg-red languages6" onclick="EndWeiLan()">结束绘制</button>
|
<span style="float: right;position: relative;top: 15px;color: green" id="tishi"></span>
|
</div>
|
</div>
|
</form>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md12" style="margin-top: 0.5%;height: 68%" id="map">
|
</div>
|
</div>
|
</div>
|
</body>
|
<script src="/hxzkuwb/HouTai/Js/jquery-3.5.1.js"></script>
|
<script src="../../languages/languages.js"></script>
|
<script src="../../JS/layui.js"></script>
|
<script src="../../JS/layer.js"></script>
|
<script src="../../Home/HomeJs/notify.js"></script>
|
<script src="../../JS/BaiduZhuanHuan.js"></script>
|
<script>
|
|
|
var languages;
|
var languages1;
|
var languages2;
|
var languages3;
|
var languages4;
|
var languages5;
|
var languages6;
|
var languages7;
|
window.addEventListener('load', function() {
|
var table = layui.table;
|
var layer = layui.layer;
|
var form = layui.form;
|
$.ajax({
|
url: "/hxzkuwb/FindSetting",
|
type: "POST",
|
async: false, // 设置为同步
|
success: function(data) {
|
languages = data[0].languages;
|
|
$(".languages1").text(CNUrtFenceText1)
|
$(".languages2").text(CNUrtFenceText2)
|
$(".languages3").text(CNUrtFenceText3)
|
$(".languages4").text(CNUrtFenceText4)
|
$(".languages5").text(CNUrtFenceText5)
|
$(".languages6").text(CNUrtFenceText6)
|
$("#type").append('<option value="">请选择围栏类型</option><option value="考勤区域">考勤区域</option><option value="进入告警">进入告警</option><option value="出去告警">出去告警</option><option value="超员报警">超员报警</option><option value="超时报警">超时报警</option><option value="巡检区域">巡检区域</option><option value="视频区域">视频区域</option><option value="进门告警">进门告警</option><option value="出门告警">出门告警</option>')
|
form.render('select');
|
languages1 = CNUrtFenceText7
|
languages2 = CNUrtFenceText8
|
languages3 = CNUrtFenceText9
|
languages4 = CNUrtFenceText10
|
languages5 = CNUrtFenceText11
|
languages6 = CNUrtFenceText12
|
languages7 = CNUrtFenceText13
|
languages8 = CNUrtFenceText14
|
languages9 = CNUrtFenceText15
|
|
|
|
},
|
error: function(xhr, status, error) {
|
console.error("请求失败:", status, error);
|
}
|
});
|
})
|
|
var huizhi = "";
|
function StartWeiLan(){
|
if (huizhi == ""){
|
huizhi ="绘制中";
|
var tagid = $("#tagid").val();
|
var type = $("#type").val();
|
if (tagid == ""){
|
notify.warning(languages1);
|
return false
|
}
|
if (type == ""){
|
notify.warning(languages2);
|
return false
|
}
|
var data = "tagid="+tagid+"&type="+type+"&infoes=开始绘制"
|
$.get("/hxzkuwb/UrtHuiZhi",data,function (data){
|
if (data == "1"){
|
$("#tishi").text(languages3)
|
notify.success(languages4);
|
}else{
|
$("#tishi").text(languages5)
|
notify.error(languages5);
|
}
|
})
|
}else{
|
notify.error(languages6);
|
}
|
|
}
|
|
function EndWeiLan(){
|
if (huizhi == "绘制中"){
|
var tagid = $("#tagid").val();
|
var type = $("#type").val();
|
if (tagid == ""){
|
notify.warning(languages6);
|
return false
|
}
|
if (type == ""){
|
notify.warning(languages2);
|
return false
|
}
|
var data = "tagid="+tagid+"&type="+type+"&infoes=结束绘制"
|
$.get("/hxzkuwb/UrtHuiZhi",data,function (data){
|
if (data == "1"){
|
$("#tishi").text(languages8)
|
notify.success(languages8);
|
}else{
|
$("#tishi").text(languages9)
|
notify.error(languages9);
|
}
|
})
|
}else{
|
notify.error(languages7);
|
}
|
}
|
function chongzhi(){
|
$("#tagid").val("");
|
$("#type").val("");
|
}
|
|
function getGPS() {
|
var gpslist = [];
|
$.ajax({
|
async: false,
|
type: 'POST',
|
traditional: true,
|
url: "/hxzkuwb/getGPS",
|
dataType: 'json',
|
data: {},
|
success: function (data) {
|
//经纬度从度分秒转成度
|
gpslist = data
|
},
|
});
|
return gpslist;
|
};
|
|
function getGPSOffOnlie() {
|
var gpslist = [];
|
$.ajax({
|
async: false,
|
type: 'POST',
|
traditional: true,
|
url: "/hxzkuwb/getGPSOffOnLine",
|
dataType: 'json',
|
data: {},
|
success: function (data) {
|
//经纬度从度分秒转成度
|
gpslist = data
|
},
|
});
|
return gpslist;
|
};
|
|
|
|
loadJScript();
|
function loadJScript() {
|
var script = document.createElement('script');
|
script.type = 'text/javascript';
|
script.src = '//api.map.baidu.com/api?type=webgl&v=1.0&ak=zoVtgLNWuaZBjMAa32RZRFIagXxST0fm&callback=init';
|
document.body.appendChild(script);
|
|
}
|
|
function init(){
|
var shijiao;
|
var zhongxindian;
|
var gao;
|
var level;
|
$.ajax({
|
url: "/hxzkuwb/findbaidumapList",
|
async: false,
|
success: function(data) {
|
shijiao = data[0].shijiao;
|
gao = data[0].heig;
|
zhongxindian = data[0].center
|
level = data[0].level;
|
},
|
error: function() {
|
// 在这里处理失败的回调函数
|
}
|
});
|
var zuobiaoxi = "";
|
//从数据库查询当前选择的什么系坐标
|
$.ajax({
|
url: "/hxzkuwb/findbaidumapList",
|
type: "GET",
|
async: false,
|
success: function(data) {
|
zuobiaoxi = data[0].zhuanhuan
|
}
|
});
|
var bm = new BMapGL.Map("map"); // 创建Map实例
|
var zhong =zhongxindian.split(';') ;
|
bm.centerAndZoom(new BMapGL.Point(zhong[0],zhong[1]), level); // 初始化地图,设置中心点坐标和地图级别
|
bm.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
|
|
|
|
var markers = {};
|
var markers1 = {};
|
var timer = setInterval(function() {
|
markers = {};
|
bm.clearOverlays();
|
//只显示在线
|
var gps_node_list1 = getGPS();
|
for (var i = 0; i < gps_node_list1.length; i++) {
|
var gpsInfo = gps_node_list1[i];
|
var c = new Convertor();
|
if(gpsInfo.baoliu2>10){
|
var rr = c.WGS2BD09({ lng: parseFloat(gpsInfo.baoliu2), lat: parseFloat(gpsInfo.baoliu3)});
|
if (zuobiaoxi == "百度"){
|
var lng = parseFloat(rr.lng);
|
var lat = parseFloat(rr.lat);
|
|
}else{
|
var lng = parseFloat(gpsInfo.baoliu2);
|
var lat = parseFloat(gpsInfo.baoliu3);
|
}
|
var userId = gpsInfo.ptagid;
|
// 判断在线状态
|
localStorage.setItem("username","超级管理员")
|
// 创建坐标点
|
var point = new BMapGL.Point(lng, lat);
|
// 创建标记
|
var myIcon = new BMapGL.Icon("../Icon/"+gpsInfo.pimage, new BMapGL.Size(40, 40), {
|
|
});
|
var marker = new BMapGL.Marker(point, { icon: myIcon });
|
|
// 将标记添加到地图上
|
bm.addOverlay(marker);
|
var label = new BMapGL.Label(gpsInfo.pname+" "+userId,{offset: new BMapGL.Size(0, -50)});
|
label.setStyle({
|
color: "#fff",
|
fontSize: "14px",
|
borderRadius: "5px",
|
padding: "5px 5px",
|
border: "0",
|
backgroundColor: gpsInfo.bumencolor,
|
transform: 'translateX(-50%)',
|
});
|
marker.setLabel(label);
|
// 存储标记到 markers 对象中
|
markers[userId] = marker;
|
marker.setTitle(gpsInfo.ptagid);
|
}
|
}
|
}, 1000);
|
}
|
</script>
|
</html>
|
