<%--
|
Created by IntelliJ IDEA.
|
User: Dell
|
Date: 2023/11/21
|
Time: 17:03
|
To change this template use File | Settings | File Templates.
|
--%>
|
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
<html>
|
<link rel="stylesheet" href="../../CSS/layui2.css">
|
<link rel="stylesheet" href="../../CSS/layer.css">
|
|
<head>
|
<script type="text/javascript"
|
src="/hxzkuwb/view/Home/demo/lib/include-lib.js"
|
libpath="/hxzkuwb/view/Home/demo/lib/"
|
include="jquery,layer,toastr,font-awesome,ztree,jquery.minicolors,jedate,bootstrap,bootstrap-table,bootstrap-checkbox,bootstrap-slider,layer,haoutil,toastr,mars3d,font-awesome,localforage"></script>
|
</script>
|
<link href="/hxzkuwb/view/Home/demo/css/style.css" rel="stylesheet" />
|
<title>绘制围栏</title>
|
<style>
|
#Ditu{
|
position: fixed;
|
width:80%;
|
z-index: 99999;
|
left: 10%;
|
right: 10%;
|
}
|
</style>
|
</head>
|
<body style="">
|
<%--<div class="layui-row" id="Ditu" style="bottom: 3%;">--%>
|
<%-- <div class="layui-col-xs12 layui-col-md12" style="text-align: center;">--%>
|
<%-- <div style="text-align: center;z-index: 99999">--%>
|
<%-- <ul style="margin: auto;text-align: center;width: 100%;padding: 5px;z-index: 999999;" class="MapShow">--%>
|
<%-- <li style="font-size: 12px;color: #07F4F6;width: 10%;display: inline-block;text-align: center"><img onclick="QhFloor1()" style="cursor:pointer;" src="/hxzkuwb/Home/HomeImg/floors.png" width="25"/><br><span>切换四层</span></li>--%>
|
<%-- <li style="font-size: 12px;color: #07F4F6;width: 10%;display: inline-block;text-align: center"><img onclick="QhFloor()" style="cursor:pointer;" src="/hxzkuwb/Home/HomeImg/floors.png" width="25"/><br><span>切换五层</span></li>--%>
|
<%-- </ul>--%>
|
<%-- </div>--%>
|
<%-- </div>--%>
|
<%--</div>--%>
|
<div style="position: fixed;top:5%;left: 3%;z-index: 9999;background: url('../Img/border.png') no-repeat;width: 420px;height: 480px;background-size: 100% 100%;color: white;padding: 10px 10px 50px 10px;text-align: left">
|
<div style="padding-left: 4%;margin-top: 2%">
|
<span style="" id="XingZhuang">
|
<span style="cursor:pointer;" onclick="drawExtentDuoBianXing()">
|
<img src="img/duobianxingxuanzhong.png" style="display: none" id="dbx1" width="90"/>
|
<img src="img/duobianxing1.png" id="dbx2" width="90" style="position: relative;%"/>
|
</span>
|
<span style="cursor:pointer;float: right;margin-right: 11%" onclick="drawExtentJuXing();">
|
<img src="img/juxingxuanzhong.png" id="jx1" width="90" style="display: none"/>
|
<img src="img/juxing1.png" id="jx2" width="90" style=""/>
|
</span>
|
</span>
|
</div>
|
<div style="height: 12%;padding-left: 4%;margin-top: 4%">
|
<input type="hidden" id="fencelist" value="${fenceList}">
|
<span>地 图：
|
<select onchange="AddImg()" id="maps" style="background: url('../Img/back.png') no-repeat;border: none;color: white;width: 70%;height: 3vh;border-radius: 2px;background-size: 100% 100%;background-color: black">
|
<option value="百度地图">默认地图</option>
|
</select>
|
</span>
|
</div>
|
<div style="height: 12%;padding-left: 4%;width: 100%">
|
<span>围栏类型：
|
<select id="weilanleixing" style="background: url('../Img/back.png') no-repeat;border: none;color: white;width: 70%;height: 3vh;border-radius: 2px;background-size: 100% 100%;background-color: black">
|
</select>
|
</span>
|
</div>
|
<div style="height: 12%;padding-left: 4%">
|
<span>关联对象：
|
<select id="guanlianbumen" style="background: url('../Img/back.png') no-repeat;border: none;color: white;width: 70%;height: 3vh;border-radius: 2px;background-size: 100% 100%;background-color: black">
|
</select>
|
</span>
|
</div>
|
<div style="height: 12%;padding-left: 4%">
|
<span style="">围栏名称：
|
<input id="name" minlength="1" maxlength="20" pattern="^[^<>&\`#%]*$" required type="text" style="color: white;width: 70%;height: 3vh;background:url('../Img/back.png') no-repeat;border: none;background-size: 100% 100%;;padding-left: 2%;background-color: black">
|
</span>
|
</div>
|
<div style="height: 12%;padding-left: 4%">
|
<span style="">围栏高度：
|
<input id="heig" minlength="1" maxlength="20" pattern="^[^<>&\`#%]*$" placeholder="См" required type="number" value="100" style="color: white;width: 70%;height: 3vh;background:url('../Img/back.png') no-repeat;border: none;background-size: 100% 100%;;padding-left: 2%;background-color: black">
|
</span>
|
</div>
|
<div style="height: 12%;padding-left: 4%;width: 100%">
|
<span>围栏颜色：
|
<select id="color" style="background: url('../Img/back.png') no-repeat;border: none;color: white;width:70%;height: 3vh;border-radius: 2px;background-size: 100% 100%;background-color: black">
|
<option value="红色">红色</option>
|
<option value="蓝色">蓝色</option>
|
<option value="绿色">绿色</option>
|
<option value="黑色">黑色</option>
|
<option value="白色">白色</option>
|
</select>
|
</span>
|
</div>
|
<p style="text-align: left;margin-left: 4%;color: red" id="msg"></p>
|
<div style="height: 10%;text-align: center;">
|
<span style="cursor: pointer" onclick="Save()"><img src="img/save.png" width="180"/></span>
|
<span style="cursor: pointer" onclick="Ends()" id="stops"><img src="img/ends.png" width="180"/></span>
|
</div>
|
</div>
|
<div id="mars3dContainer" class="mars3d-container" style="height: 103%"></div>
|
</body>
|
<script src="/hxzkuwb/view/Home/demo/js/common.js"></script>
|
<script src="/hxzkuwb/view/Home/js/3DMoXing.js"></script>
|
<script src="HuiZhiWeiLanJs/map.js"></script>
|
<script src="/hxzkuwb/languages/languages.js"></script>
|
<script src="/hxzkuwb/JS/layui.js"></script>
|
<script src="/hxzkuwb/JS/layer.js">
|
<script src="/hxzkuwb/view/Home/HomeJs/notify.js"></script>
|
<script src="/hxzkuwb/view/Home/HomeJs/notify_stand.js"></script>
|
<script>
|
$.ajaxSetup({
|
headers: {
|
'x-access-token': localStorage.getItem("hxzkmars3d")
|
}
|
});
|
var form = layui.form
|
$.get("/hxzkuwb/getbumen",function (data){
|
for(var i = 0; i<data.length;i++){
|
$("#guanlianduixiang").append('<option value="'+data[i].departmentname+'">'+data[i].departmentname+'</option>')
|
$("#guanlianbumen").append('<option value="'+data[i].departmentname+'">'+data[i].departmentname+'</option>')
|
form.render()
|
}
|
|
})
|
|
var xingzhuang;
|
var zuobiao = "";
|
var map;
|
var graphicLayerFence
|
var graphicLayer
|
var tileLayermap;
|
$("#weilanleixing").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>')
|
|
$.get("/hxzkuwb/findmap",function (data){
|
for (var i = 0 ; i < data.length;i++){
|
var name = data[i].mapname.split('.')
|
$("#maps").append('<option value= '+data[i].floor+'>'+name[0]+'</option>')
|
}
|
})
|
|
function AddImg(){
|
var floor = $("#maps").val();
|
var data ={
|
floor
|
}
|
$.post("/hxzkuwb/findfloorMap",data,function (data){
|
var leftTop = data[0].baoliu5.split(',') //纬度
|
var rightTop = data[0].baoliu6.split(',') //纬度
|
var rightBottom = data[0].baoliu7.split(',') //经度
|
var leftBottom = data[0].baoliu8.split(',') //经度
|
map.removeLayer(tileLayermap);
|
tileLayermap = new mars3d.layer.ImageLayer({
|
name: data[0].mapname,
|
url: "/hxzkuwb/MapImage/"+data[0].mapname,
|
rectangle: { xmin: leftTop[0], xmax: rightTop[0], ymin: leftBottom[1], ymax: rightTop[1] },
|
zIndex: 20,
|
})
|
map.addLayer(tileLayermap)
|
})
|
}
|
</script>
|
</html>
|
