| | |
| | | url: "/hxzkuwb/FindSanWeiJiZhan", |
| | | dataType: 'json', |
| | | success: function (data) { |
| | | realposition = data; |
| | | realposition = data; |
| | | }, |
| | | }); |
| | | return realposition |
| | |
| | | }); |
| | | return realposition |
| | | } |
| | | function getAnchorInfo2() { |
| | | var online_anchorList = []; |
| | | var offline_anchorList = []; |
| | | $.ajax({ |
| | | async: false, |
| | | type: 'POST', |
| | | url: "/hxzkuwb/getAnchorInfo_all.do", |
| | | dataType: 'json', |
| | | success: function (data) { |
| | | for (var i = 0; i < data.length; i++) { |
| | | tmplist = [data[i].anchorid, data[i].posx, data[i].posy, data[i].posz, data[i].GreateTime]; |
| | | if (data[i].anchormode == "1") { |
| | | online_anchorList.push(tmplist); |
| | | } else if (data[i].anchormode == "0") { |
| | | offline_anchorList.push(tmplist); |
| | | } |
| | | } |
| | | } |
| | | }); |
| | | return [online_anchorList, offline_anchorList] |
| | | }; |
| | | |
| | | |
| | | var JianZhuName = ""; |
| | | var sousuopd = false; |
| | | var biaoqians = new Object(); |
| | | var biaoqianids = new Object(); |
| | | var biaoqianidc = new Object(); |
| | |
| | | var wangguanbc = new Object(); |
| | | var wangguanbclabel = new Object(); |
| | | var onlineanchor = new Object(); |
| | | var onlineanchor1 = new Object(); |
| | | var offlineanchor = new Object(); |
| | | var oo = 0; |
| | | var bm_offView = 0;//是否离线不显示图标 |
| | | var bm_kaoqing = 0;//是否出考勤区域消失 |
| | | var customSwitch1 = false; |
| | | var customSwitch2 = false; |
| | | var customSwitch3 = true; |
| | | var customSwitch4 = false; |
| | | var customSwitch5 = false; |
| | | var anchors = getAnchorInfo2(); |
| | | var onlineAnchorList = anchors[0]; |
| | | var offlineAnchorList = anchors[1]; |
| | | var anckicon_on = '/Home/HomeImg/基站在线.png'; |
| | | var anckicon_off = '/Home/HomeImg/基站离线.png'; |
| | | var map; |
| | | var circle; |
| | | var mapid = 1732234539564851202 ; |
| | | var themeid = 1717913720470753281; |
| | | var type = 15; |
| | | var markerpd = false; |
| | | var scale; |
| | | var sosalist = []; |
| | | var blink = []; |
| | | |
| | | //坐标转换数据 |
| | | var origon = [{ x: 0, y: 0 },{ x: 0, y: 0 },{ x: 0, y: 0 }]; |
| | |
| | | var coordsTransformer = new fengmap.FMCoordsTransformer({ origon: origon, target: target }); |
| | | |
| | | |
| | | function blues(e){ |
| | | |
| | | $(".ttdd"+e).css("color","deepskyblue") |
| | | } |
| | | |
| | | function blues1(e){ |
| | | |
| | | $(".ttdd"+e).css("color","white") |
| | | } |
| | | |
| | | $("#customSwitch3").prop("checked", true) |
| | | |
| | | |
| | | var tileLayer; |
| | | |
| | | var flag; |
| | | var tileLayer; |
| | | var flag; |
| | | var domMarker = null; |
| | | |
| | | //地图属性 |
| | | var boxselecttool; |
| | | var modelBlink; |
| | | var selectedModels = []; |
| | | var selectedModels1 = []; |
| | | var options = { |
| | | container: document.getElementById("fengmap"), |
| | | appName: 'map1', |
| | | key: '09facc4ee52d1844bc1e561dad5abf59', |
| | | mapID: '1761938416618700801', |
| | | themeID: '1765945708318105601', |
| | | mapURL: '../fengmap/data/', |
| | | themeURL: '../fengmap/data/theme/', |
| | | minTiltAngle: 0, |
| | | mapZoom: 16, |
| | | var options = { |
| | | container: document.getElementById("fengmap"), |
| | | appName: 'map1', |
| | | key: '09facc4ee52d1844bc1e561dad5abf59', |
| | | mapID: '1761938416618700801', |
| | | themeID: '1765945708318105601', |
| | | mapURL: '../fengmap/data/', |
| | | themeURL: '../fengmap/data/theme/', |
| | | minTiltAngle: 0, |
| | | mapZoom: 16, |
| | | |
| | | } |
| | | } |
| | | |
| | | map = new fengmap.FMMap(options); |
| | | |
| | |
| | | domMarker.remove(); |
| | | } |
| | | } |
| | | |
| | | function removeMarker1() { |
| | | localStorage.removeItem("SanWei_JianZhu") |
| | | domMarker.remove(); |
| | | localStorage.removeItem("domMar") |
| | | } |
| | | |
| | | |
| | | |
| | | var wangguanflag; |
| | | var jizhanflag; |
| | | var kqhuizhi = true; |
| | | var wangguanflag; |
| | | var jizhanflag; |
| | | var kqhuizhi = true; |
| | | |
| | | var personlist2 = FindShowJiZhan(); //获取基站数据 |
| | | var personlist3 = FindShowWangGuan(); //获取网关数据 |
| | |
| | | } |
| | | }); |
| | | |
| | | setTimeout(function (){ |
| | | if (p2 == "1"){ |
| | | var level = map.getLevel(); |
| | | var floor = map.getFloor(level); |
| | | for(var i = 0 ; i <personlist2.length;i++){ |
| | | var xy |
| | | var turl; |
| | | xy = fengmap.FMCalculator.latlngToMapCoordinate({ |
| | | x: personlist2[i].baoliu6, |
| | | y: personlist2[i].baoliu7 |
| | | }); |
| | | turl = '/hxzkuwb/Icon/jizhan.png'; |
| | | fmarkerAnchor = new fengmap.FMImageMarker({ |
| | | url: turl, |
| | | x: xy.x, |
| | | y: xy.y, |
| | | }); |
| | | var windowHtml = '<div class="" style="height: 100px;width: 80px;text-align: center;position: absolute;top: -40px;left: -40px">'; |
| | | windowHtml += `<div class="content" style="border-radius: 5px;background-color:ghostwhite;"><a style="color: black;font-size: 14px"> 基站:` + personlist2[i].anchorid + `</a></div>`; |
| | | windowHtml += `</div>`; |
| | | lmarkerAnchor = new fengmap.FMDomMarker({ |
| | | x: xy.x, |
| | | y: xy.y, |
| | | content: windowHtml |
| | | }); |
| | | fmarkerAnchor.addTo(floor); |
| | | lmarkerAnchor.addTo(floor) |
| | | jizhanbc[personlist2[i].anchorid] = fmarkerAnchor; |
| | | jizhanbclabel[personlist2[i].anchorid] = lmarkerAnchor; |
| | | } |
| | | jizhanflag = true; |
| | | } |
| | | //显示网关 |
| | | if (p3 == "1"){ |
| | | var level = map.getLevel(); |
| | | var floor = map.getFloor(level); |
| | | for(var i = 0 ; i <personlist3.length;i++){ |
| | | |
| | | var xy |
| | | var turl; |
| | | xy = fengmap.FMCalculator.latlngToMapCoordinate({ |
| | | x: personlist3[i].lon, |
| | | y: personlist3[i].lat |
| | | }); |
| | | turl = '/hxzkuwb/Icon/wangguan.png'; |
| | | fmarkerAnchor = new fengmap.FMImageMarker({ |
| | | url: turl, |
| | | x: xy.x, |
| | | y: xy.y, |
| | | }); |
| | | var windowHtml = '<div class="" style="height: 100px;width: 80px;text-align: center;position: absolute;top: -40px;left: -40px">'; |
| | | windowHtml += `<div class="content" style="border-radius: 5px;background-color:ghostwhite;"><a style="color: black;font-size: 14px"> 网关:` + personlist3[i].loragwid + `</a></div>`; |
| | | windowHtml += `</div>`; |
| | | lmarkerAnchor = new fengmap.FMDomMarker({ |
| | | x: xy.x, |
| | | y: xy.y, |
| | | content: windowHtml |
| | | }); |
| | | fmarkerAnchor.addTo(floor); |
| | | lmarkerAnchor.addTo(floor) |
| | | wangguanbc[personlist3[i].loragwid] = fmarkerAnchor; |
| | | wangguanbclabel[personlist3[i].loragwid] = lmarkerAnchor; |
| | | } |
| | | wangguanflag = true; |
| | | setInterval(function (){ |
| | | if(localStorage.getItem("三维地图") != "执行"){ |
| | | return |
| | | } |
| | | //显示聚集效果 |
| | | },1000) |
| | | var personlist4 = FindShowJianZhu(); |
| | | var levelJian = map.getLevel() |
| | | var floorJian = map.getFloor(levelJian) |
| | | for(var m = 0 ; m < blink.length;m++){ |
| | | var data = "baoliu39="+blink[i]; |
| | | $.ajax({ |
| | | url: '/hxzkuwb/FindShowJianZhuShanStop', |
| | | data: data, |
| | | type: 'GET', |
| | | async: false, |
| | | success: function(data) { |
| | | |
| | | if (data[0].pname < 1){ |
| | | modelBlink = floorJian.getLayers(fengmap.FMType.MODEL_LAYER)[0].getFeatures().find(item => item.FID === blink[m]) |
| | | modelBlink.stopFlash() |
| | | } |
| | | } |
| | | }); |
| | | } |
| | | blink = []; |
| | | for (var i = 0; i <personlist4.length; i++){ |
| | | if (personlist4[i].pname ==3 && personlist4[i].baoliu39 != "" && personlist4[i].baoliu39 != "0" && personlist4[i].baoliu39 != "-1"){ |
| | | //黄色闪烁 |
| | | model = floorJian.getLayers(fengmap.FMType.MODEL_LAYER)[0].getFeatures().find(item => item.FID === personlist4[i].baoliu39) |
| | | model.flash('yellow') |
| | | blink.push(personlist4[i].baoliu39) |
| | | } |
| | | if (personlist4[i].pname >3 && personlist4.pname <=6 && personlist4[i].baoliu39 != "" && personlist4[i].baoliu39 != "0" && personlist4[i].baoliu39 != "-1"){ |
| | | //橙色闪烁 |
| | | model = floorJian.getLayers(fengmap.FMType.MODEL_LAYER)[0].getFeatures().find(item => item.FID === personlist4[i].baoliu39) |
| | | model.flash('orange') |
| | | blink.push(personlist4[i].baoliu39) |
| | | } |
| | | if (personlist4[i].pname >6 && personlist4[i].baoliu39 != "" && personlist4[i].baoliu39 != "-1" && personlist4[i].baoliu39 != "0" ){ |
| | | model = floorJian.getLayers(fengmap.FMType.MODEL_LAYER)[0].getFeatures().find(item => item.FID === personlist4[i].baoliu39) |
| | | model.flash('blue') |
| | | blink.push(personlist4[i].baoliu39) |
| | | } |
| | | } |
| | | },5000) |
| | | |
| | | var radioes = 0; |
| | | $.ajax({ |
| | |
| | | } |
| | | }, |
| | | }); |
| | | radioes = 100 |
| | | setInterval(function (){ |
| | | fn3(); |
| | | },2000) |
| | | function fn3() { |
| | | if(localStorage.getItem("三维地图") != "执行"){ |
| | | return |
| | | } |
| | | kqhuizhi = sessionStorage.getItem("kqhuizhi") |
| | | if (sessionStorage.getItem("QuYuKuangXuan") == "1" && kqhuizhi == "true"){ |
| | | kq() |
| | | }else if (kqhuizhi == "false1"){ |
| | | closet() |
| | | } |
| | | var personlist4 = FindShowJianZhu(); |
| | | var levelJian = map.getLevel() |
| | | var floorJian = map.getFloor(levelJian) |
| | | for (var i = 0; i <personlist4.length; i++){ |
| | | if (personlist4[i].pname ==3 && personlist4[i].baoliu39 != "" && personlist4[i].baoliu39 != "0" && personlist4[i].baoliu39 != "-1"){ |
| | | //黄色闪烁 |
| | | model = floorJian.getLayers(fengmap.FMType.MODEL_LAYER)[0].getFeatures().find(item => item.FID === personlist4[i].baoliu39) |
| | | model.flash('yellow') |
| | | } |
| | | if (personlist4[i].pname >3 && personlist4.pname <=6 && personlist4[i].baoliu39 != "" && personlist4[i].baoliu39 != "0" && personlist4[i].baoliu39 != "-1"){ |
| | | //橙色闪烁 |
| | | model = floorJian.getLayers(fengmap.FMType.MODEL_LAYER)[0].getFeatures().find(item => item.FID === personlist4[i].baoliu39) |
| | | model.flash('orange') |
| | | } |
| | | if (personlist4[i].pname >6 && personlist4[i].baoliu39 != "" && personlist4[i].baoliu39 != "-1" && personlist4[i].baoliu39 != "0" ){ |
| | | |
| | | model = floorJian.getLayers(fengmap.FMType.MODEL_LAYER)[0].getFeatures().find(item => item.FID === personlist4[i].baoliu39) |
| | | |
| | | model.flash('blue') |
| | | } |
| | | } |
| | | var personlist1 = getRealPositionsanweiOffOnline(); |
| | | for (var i = 0; i < personlist1.length; i++) { |
| | | var xy; |
| | | var turl; |
| | | xy = fengmap.FMCalculator.latlngToMapCoordinate({ |
| | | x: personlist1[i].baoliu2, |
| | | y: personlist1[i].baoliu3 |
| | | setInterval(function (){ |
| | | fn3(); |
| | | },2000) |
| | | function fn3() { |
| | | if(localStorage.getItem("三维地图") != "执行"){ |
| | | return |
| | | } |
| | | kqhuizhi = sessionStorage.getItem("kqhuizhi") |
| | | if (sessionStorage.getItem("QuYuKuangXuan") == "1" && kqhuizhi == "true"){ |
| | | kq() |
| | | }else if (kqhuizhi == "false1"){ |
| | | closet() |
| | | } |
| | | var personlist1 = getRealPositionsanweiOffOnline(); |
| | | for (var i = 0; i < personlist1.length; i++) { |
| | | var xy; |
| | | var turl; |
| | | xy = fengmap.FMCalculator.latlngToMapCoordinate({ |
| | | x: personlist1[i].baoliu2, |
| | | y: personlist1[i].baoliu3 |
| | | }); |
| | | turl = '/hxzkuwb/Icon/' + personlist1[i].pimage + ''; |
| | | var fmarker = biaoqians[personlist1[i].ptagid]; |
| | | var lmarker = biaoqianids[personlist1[i].ptagid]; |
| | | var circles = biaoqianidc[personlist1[i].ptagid] |
| | | if (fmarker) { |
| | | // 如果标记存在,则更新坐标 |
| | | fmarker.moveTo({ |
| | | x: xy.x, |
| | | y: xy.y |
| | | }); |
| | | turl = '/hxzkuwb/Icon/' + personlist1[i].pimage + ''; |
| | | var fmarker = biaoqians[personlist1[i].ptagid]; |
| | | var lmarker = biaoqianids[personlist1[i].ptagid]; |
| | | var circles = biaoqianidc[personlist1[i].ptagid] |
| | | if (fmarker) { |
| | | // 如果标记存在,则更新坐标 |
| | | fmarker.moveTo({ |
| | | lmarker.moveTo({ |
| | | x: xy.x, |
| | | y: xy.y |
| | | }); |
| | | // if (circles) { |
| | | // circles.remove(); |
| | | // var level = map.getLevel(); |
| | | // var floor = map.getFloor(level); |
| | | // var panelSet; |
| | | // if (personlist1[i].baoliu38 <= 3 && personlist1[i].ponline == 1 && personlist1[i].baoliu38 > 1) { |
| | | // //黄色告警区域 |
| | | // panelSet = { |
| | | // height: 0, |
| | | // opacity: 50, |
| | | // color: '#FFFF00', |
| | | // borderWidth: 0, |
| | | // borderColor: '#FFFF00', |
| | | // } |
| | | // var publicOption = { |
| | | // ...panelSet, |
| | | // opacity: Number(panelSet.opacity) / 100, |
| | | // } |
| | | // |
| | | // /* 添加圆形 */ |
| | | // var circle_radius = radioes; |
| | | // // segments 影响形成的圆形的边数和顶点数量,数值越大圆形在视觉上越 ’平滑‘ |
| | | // var circle_segments = 500; |
| | | // var circle_center = { |
| | | // x: xy.x, |
| | | // y: xy.y, |
| | | // }; |
| | | // /* 使用 FMCalculator 的矩形构造器可以快速构造出圆形的几何形状坐标集合 */ |
| | | // var circleOption = { |
| | | // points: fengmap.FMCalculator.circleBuilder(circle_radius, circle_center, circle_segments), |
| | | // x: xy.x, |
| | | // y: xy.y, |
| | | // ...publicOption |
| | | // } |
| | | // circle = new fengmap.FMPolygonMarker(circleOption); |
| | | // circle.addTo(floor); |
| | | // } |
| | | // |
| | | // if (personlist1[i].baoliu38 > 3 && personlist1[i].baoliu38 <= 6 && personlist1[i].ponline == 1) { |
| | | // //橙色告警区域 |
| | | // panelSet = { |
| | | // height: 0, |
| | | // opacity: 50, |
| | | // color: '#FFBF01', |
| | | // borderWidth: 0, |
| | | // borderColor: '#FFBF01', |
| | | // } |
| | | // var publicOption = { |
| | | // ...panelSet, |
| | | // opacity: Number(panelSet.opacity) / 100, |
| | | // } |
| | | // |
| | | // /* 添加圆形 */ |
| | | // var circle_radius = radioes; |
| | | // // segments 影响形成的圆形的边数和顶点数量,数值越大圆形在视觉上越 ’平滑‘ |
| | | // var circle_segments = 500; |
| | | // var circle_center = { |
| | | // x: xy.x, |
| | | // y: xy.y, |
| | | // }; |
| | | // /* 使用 FMCalculator 的矩形构造器可以快速构造出圆形的几何形状坐标集合 */ |
| | | // var circleOption = { |
| | | // points: fengmap.FMCalculator.circleBuilder(circle_radius, circle_center, circle_segments), |
| | | // x: xy.x, |
| | | // y: xy.y, |
| | | // ...publicOption |
| | | // } |
| | | // circle = new fengmap.FMPolygonMarker(circleOption); |
| | | // circle.addTo(floor); |
| | | // } |
| | | // |
| | | // if (personlist1[i].baoliu38 > 6 && personlist1[i].ponline == 1) { |
| | | // //红色告警区域 |
| | | // panelSet = { |
| | | // height: 0, |
| | | // opacity: 50, |
| | | // color: '#FF0000', |
| | | // borderWidth: 0, |
| | | // borderColor: '#FF0000', |
| | | // } |
| | | // var publicOption = { |
| | | // ...panelSet, |
| | | // opacity: Number(panelSet.opacity) / 100, |
| | | // } |
| | | // |
| | | // /* 添加圆形 */ |
| | | // var circle_radius = radioes; |
| | | // // segments 影响形成的圆形的边数和顶点数量,数值越大圆形在视觉上越 ’平滑‘ |
| | | // var circle_segments = 500; |
| | | // var circle_center = { |
| | | // x: xy.x, |
| | | // y: xy.y, |
| | | // }; |
| | | // /* 使用 FMCalculator 的矩形构造器可以快速构造出圆形的几何形状坐标集合 */ |
| | | // var circleOption = { |
| | | // points: fengmap.FMCalculator.circleBuilder(circle_radius, circle_center, circle_segments), |
| | | // x: xy.x, |
| | | // y: xy.y, |
| | | // ...publicOption |
| | | // } |
| | | // circle = new fengmap.FMPolygonMarker(circleOption); |
| | | // circle.addTo(floor); |
| | | // } |
| | | // biaoqianidc[personlist1[i].ptagid] = circle; |
| | | // } |
| | | } else { |
| | | // 如果标记不存在,则添加marker |
| | | fmarker = new fengmap.FMImageMarker({ |
| | | url: turl, |
| | | x: xy.x, |
| | | y: xy.y, |
| | | }); |
| | | if (personlist1[i].ponline == "1"){ |
| | | var windowHtml = '<div class="" style="height: 100px;width: 100px;text-align: center;position: absolute;top: -40px;left: -50px">'; |
| | | windowHtml += `<div class="content" style="border-radius: 5px;background-color: ` + personlist1[i].bumencolor + `;"><a style="color: white;font-size: 12px"> ` + personlist1[i].pname+ `</a></div>`; |
| | | windowHtml += `</div>`; |
| | | lmarker = new fengmap.FMDomMarker({ |
| | | x: xy.x, |
| | | y: xy.y |
| | | y: xy.y, |
| | | content: windowHtml |
| | | }); |
| | | lmarker.moveTo({ |
| | | }else{ |
| | | var windowHtml = '<div class="" style="height: 100px;width: 100px;text-align: center;position: absolute;top: -40px;left: -50px">'; |
| | | windowHtml += `<div class="content" style="border-radius: 5px;background-color: ` + personlist1[i].bumencolor + `;"><a style="color: white;font-size: 12px"> ` + personlist1[i].pname + `-离线</a></div>`; |
| | | windowHtml += `</div>`; |
| | | lmarker = new fengmap.FMDomMarker({ |
| | | x: xy.x, |
| | | y: xy.y |
| | | y: xy.y, |
| | | content: windowHtml |
| | | }); |
| | | // if (circles) { |
| | | // circles.remove(); |
| | | // var level = map.getLevel(); |
| | | // var floor = map.getFloor(level); |
| | | // var panelSet; |
| | | // if (personlist1[i].baoliu38 <= 3 && personlist1[i].ponline == 1 && personlist1[i].baoliu38 > 1) { |
| | | // //黄色告警区域 |
| | | // panelSet = { |
| | | // height: 0, |
| | | // opacity: 50, |
| | | // color: '#FFFF00', |
| | | // borderWidth: 0, |
| | | // borderColor: '#FFFF00', |
| | | // } |
| | | // var publicOption = { |
| | | // ...panelSet, |
| | | // opacity: Number(panelSet.opacity) / 100, |
| | | // } |
| | | // |
| | | // /* 添加圆形 */ |
| | | // var circle_radius = radioes; |
| | | // // segments 影响形成的圆形的边数和顶点数量,数值越大圆形在视觉上越 ’平滑‘ |
| | | // var circle_segments = 500; |
| | | // var circle_center = { |
| | | // x: xy.x, |
| | | // y: xy.y, |
| | | // }; |
| | | // /* 使用 FMCalculator 的矩形构造器可以快速构造出圆形的几何形状坐标集合 */ |
| | | // var circleOption = { |
| | | // points: fengmap.FMCalculator.circleBuilder(circle_radius, circle_center, circle_segments), |
| | | // x: xy.x, |
| | | // y: xy.y, |
| | | // ...publicOption |
| | | // } |
| | | // circle = new fengmap.FMPolygonMarker(circleOption); |
| | | // circle.addTo(floor); |
| | | // } |
| | | // |
| | | // if (personlist1[i].baoliu38 > 3 && personlist1[i].baoliu38 <= 6 && personlist1[i].ponline == 1) { |
| | | // //橙色告警区域 |
| | | // panelSet = { |
| | | // height: 0, |
| | | // opacity: 50, |
| | | // color: '#FFBF01', |
| | | // borderWidth: 0, |
| | | // borderColor: '#FFBF01', |
| | | // } |
| | | // var publicOption = { |
| | | // ...panelSet, |
| | | // opacity: Number(panelSet.opacity) / 100, |
| | | // } |
| | | // |
| | | // /* 添加圆形 */ |
| | | // var circle_radius = radioes; |
| | | // // segments 影响形成的圆形的边数和顶点数量,数值越大圆形在视觉上越 ’平滑‘ |
| | | // var circle_segments = 500; |
| | | // var circle_center = { |
| | | // x: xy.x, |
| | | // y: xy.y, |
| | | // }; |
| | | // /* 使用 FMCalculator 的矩形构造器可以快速构造出圆形的几何形状坐标集合 */ |
| | | // var circleOption = { |
| | | // points: fengmap.FMCalculator.circleBuilder(circle_radius, circle_center, circle_segments), |
| | | // x: xy.x, |
| | | // y: xy.y, |
| | | // ...publicOption |
| | | // } |
| | | // circle = new fengmap.FMPolygonMarker(circleOption); |
| | | // circle.addTo(floor); |
| | | // } |
| | | // |
| | | // if (personlist1[i].baoliu38 > 6 && personlist1[i].ponline == 1) { |
| | | // //红色告警区域 |
| | | // panelSet = { |
| | | // height: 0, |
| | | // opacity: 50, |
| | | // color: '#FF0000', |
| | | // borderWidth: 0, |
| | | // borderColor: '#FF0000', |
| | | // } |
| | | // var publicOption = { |
| | | // ...panelSet, |
| | | // opacity: Number(panelSet.opacity) / 100, |
| | | // } |
| | | // |
| | | // /* 添加圆形 */ |
| | | // var circle_radius = radioes; |
| | | // // segments 影响形成的圆形的边数和顶点数量,数值越大圆形在视觉上越 ’平滑‘ |
| | | // var circle_segments = 500; |
| | | // var circle_center = { |
| | | // x: xy.x, |
| | | // y: xy.y, |
| | | // }; |
| | | // /* 使用 FMCalculator 的矩形构造器可以快速构造出圆形的几何形状坐标集合 */ |
| | | // var circleOption = { |
| | | // points: fengmap.FMCalculator.circleBuilder(circle_radius, circle_center, circle_segments), |
| | | // x: xy.x, |
| | | // y: xy.y, |
| | | // ...publicOption |
| | | // } |
| | | // circle = new fengmap.FMPolygonMarker(circleOption); |
| | | // circle.addTo(floor); |
| | | // } |
| | | // biaoqianidc[personlist1[i].ptagid] = circle; |
| | | // } |
| | | } else { |
| | | // 如果标记不存在,则添加marker |
| | | fmarker = new fengmap.FMImageMarker({ |
| | | url: turl, |
| | | x: xy.x, |
| | | y: xy.y, |
| | | }); |
| | | if (personlist1[i].ponline == "1"){ |
| | | var windowHtml = '<div class="" style="height: 100px;width: 100px;text-align: center;position: absolute;top: -40px;left: -50px">'; |
| | | windowHtml += `<div class="content" style="border-radius: 5px;background-color: ` + personlist1[i].bumencolor + `;"><a style="color: white;font-size: 12px"> ` + personlist1[i].pname+ `</a></div>`; |
| | | windowHtml += `</div>`; |
| | | lmarker = new fengmap.FMDomMarker({ |
| | | x: xy.x, |
| | | y: xy.y, |
| | | content: windowHtml |
| | | }); |
| | | }else{ |
| | | var windowHtml = '<div class="" style="height: 100px;width: 100px;text-align: center;position: absolute;top: -40px;left: -50px">'; |
| | | windowHtml += `<div class="content" style="border-radius: 5px;background-color: ` + personlist1[i].bumencolor + `;"><a style="color: white;font-size: 12px"> ` + personlist1[i].pname + `-离线</a></div>`; |
| | | windowHtml += `</div>`; |
| | | lmarker = new fengmap.FMDomMarker({ |
| | | x: xy.x, |
| | | y: xy.y, |
| | | content: windowHtml |
| | | }); |
| | | } |
| | | |
| | | var level = map.getLevel(); |
| | | var floor = map.getFloor(level); |
| | | if (sessionStorage.getItem("PerCircles") == "Yes"){ |
| | | if (personlist1[i].baoliu38 <= 3 && personlist1[i].ponline == 1 && personlist1[i].baoliu38 > 1) { |
| | | //黄色告警区域 |
| | | panelSet = { |
| | | height: 0, |
| | | opacity: 50, |
| | | color: '#FFFF00', |
| | | borderWidth: 0, |
| | | borderColor: '#FFFF00', |
| | | } |
| | | var publicOption = { |
| | | ...panelSet, |
| | | opacity: Number(panelSet.opacity) / 100, |
| | | } |
| | | |
| | | /* 添加圆形 */ |
| | | var circle_radius = radioes; |
| | | // segments 影响形成的圆形的边数和顶点数量,数值越大圆形在视觉上越 ’平滑‘ |
| | | var circle_segments = 500; |
| | | var circle_center = { |
| | | x: xy.x, |
| | | y: xy.y, |
| | | }; |
| | | /* 使用 FMCalculator 的矩形构造器可以快速构造出圆形的几何形状坐标集合 */ |
| | | var circleOption = { |
| | | points: fengmap.FMCalculator.circleBuilder(circle_radius, circle_center, circle_segments), |
| | | x: xy.x, |
| | | y: xy.y, |
| | | ...publicOption |
| | | } |
| | | circle = new fengmap.FMPolygonMarker(circleOption); |
| | | circle.addTo(floor); |
| | | } |
| | | |
| | | if (personlist1[i].baoliu38 > 3 && personlist1[i].baoliu38 <= 6 && personlist1[i].ponline == 1) { |
| | | //橙色告警区域 |
| | | panelSet = { |
| | | height: 0, |
| | | opacity: 50, |
| | | color: '#FFBF01', |
| | | borderWidth: 0, |
| | | borderColor: '#FFBF01', |
| | | } |
| | | var publicOption = { |
| | | ...panelSet, |
| | | opacity: Number(panelSet.opacity) / 100, |
| | | } |
| | | |
| | | /* 添加圆形 */ |
| | | var circle_radius = radioes; |
| | | // segments 影响形成的圆形的边数和顶点数量,数值越大圆形在视觉上越 ’平滑‘ |
| | | var circle_segments = 500; |
| | | var circle_center = { |
| | | x: xy.x, |
| | | y: xy.y, |
| | | }; |
| | | /* 使用 FMCalculator 的矩形构造器可以快速构造出圆形的几何形状坐标集合 */ |
| | | var circleOption = { |
| | | points: fengmap.FMCalculator.circleBuilder(circle_radius, circle_center, circle_segments), |
| | | x: xy.x, |
| | | y: xy.y, |
| | | ...publicOption |
| | | } |
| | | circle = new fengmap.FMPolygonMarker(circleOption); |
| | | circle.addTo(floor); |
| | | } |
| | | |
| | | if (personlist1[i].baoliu38 > 6 && personlist1[i].ponline == 1) { |
| | | //红色告警区域 |
| | | panelSet = { |
| | | height: 0, |
| | | opacity: 50, |
| | | color: '#FF0000', |
| | | borderWidth: 0, |
| | | borderColor: '#FF0000', |
| | | } |
| | | var publicOption = { |
| | | ...panelSet, |
| | | opacity: Number(panelSet.opacity) / 100, |
| | | } |
| | | |
| | | /* 添加圆形 */ |
| | | var circle_radius = radioes; |
| | | // segments 影响形成的圆形的边数和顶点数量,数值越大圆形在视觉上越 ’平滑‘ |
| | | var circle_segments = 500; |
| | | var circle_center = { |
| | | x: xy.x, |
| | | y: xy.y, |
| | | }; |
| | | /* 使用 FMCalculator 的矩形构造器可以快速构造出圆形的几何形状坐标集合 */ |
| | | var circleOption = { |
| | | points: fengmap.FMCalculator.circleBuilder(circle_radius, circle_center, circle_segments), |
| | | x: xy.x, |
| | | y: xy.y, |
| | | ...publicOption |
| | | } |
| | | circle = new fengmap.FMPolygonMarker(circleOption); |
| | | circle.addTo(floor); |
| | | } |
| | | } |
| | | var level = map.getLevel(); |
| | | var floor = map.getFloor(level); |
| | | fmarker.addTo(floor); |
| | | lmarker.addTo(floor); |
| | | biaoqians[personlist1[i].ptagid] = fmarker; |
| | | biaoqianids[personlist1[i].ptagid] = lmarker; |
| | | biaoqianidc[personlist1[i].ptagid] = circle; |
| | | } |
| | | |
| | | var level = map.getLevel(); |
| | | var floor = map.getFloor(level); |
| | | // if (sessionStorage.getItem("PerCircles") == "Yes"){ |
| | | // if (personlist1[i].baoliu38 <= 3 && personlist1[i].ponline == 1 && personlist1[i].baoliu38 > 1) { |
| | | // //黄色告警区域 |
| | | // panelSet = { |
| | | // height: 0, |
| | | // opacity: 50, |
| | | // color: '#FFFF00', |
| | | // borderWidth: 0, |
| | | // borderColor: '#FFFF00', |
| | | // } |
| | | // var publicOption = { |
| | | // ...panelSet, |
| | | // opacity: Number(panelSet.opacity) / 100, |
| | | // } |
| | | // |
| | | // /* 添加圆形 */ |
| | | // var circle_radius = radioes; |
| | | // // segments 影响形成的圆形的边数和顶点数量,数值越大圆形在视觉上越 ’平滑‘ |
| | | // var circle_segments = 500; |
| | | // var circle_center = { |
| | | // x: xy.x, |
| | | // y: xy.y, |
| | | // }; |
| | | // /* 使用 FMCalculator 的矩形构造器可以快速构造出圆形的几何形状坐标集合 */ |
| | | // var circleOption = { |
| | | // points: fengmap.FMCalculator.circleBuilder(circle_radius, circle_center, circle_segments), |
| | | // x: xy.x, |
| | | // y: xy.y, |
| | | // ...publicOption |
| | | // } |
| | | // circle = new fengmap.FMPolygonMarker(circleOption); |
| | | // circle.addTo(floor); |
| | | // } |
| | | // |
| | | // if (personlist1[i].baoliu38 > 3 && personlist1[i].baoliu38 <= 6 && personlist1[i].ponline == 1) { |
| | | // //橙色告警区域 |
| | | // panelSet = { |
| | | // height: 0, |
| | | // opacity: 50, |
| | | // color: '#FFBF01', |
| | | // borderWidth: 0, |
| | | // borderColor: '#FFBF01', |
| | | // } |
| | | // var publicOption = { |
| | | // ...panelSet, |
| | | // opacity: Number(panelSet.opacity) / 100, |
| | | // } |
| | | // |
| | | // /* 添加圆形 */ |
| | | // var circle_radius = radioes; |
| | | // // segments 影响形成的圆形的边数和顶点数量,数值越大圆形在视觉上越 ’平滑‘ |
| | | // var circle_segments = 500; |
| | | // var circle_center = { |
| | | // x: xy.x, |
| | | // y: xy.y, |
| | | // }; |
| | | // /* 使用 FMCalculator 的矩形构造器可以快速构造出圆形的几何形状坐标集合 */ |
| | | // var circleOption = { |
| | | // points: fengmap.FMCalculator.circleBuilder(circle_radius, circle_center, circle_segments), |
| | | // x: xy.x, |
| | | // y: xy.y, |
| | | // ...publicOption |
| | | // } |
| | | // circle = new fengmap.FMPolygonMarker(circleOption); |
| | | // circle.addTo(floor); |
| | | // } |
| | | // |
| | | // if (personlist1[i].baoliu38 > 6 && personlist1[i].ponline == 1) { |
| | | // //红色告警区域 |
| | | // panelSet = { |
| | | // height: 0, |
| | | // opacity: 50, |
| | | // color: '#FF0000', |
| | | // borderWidth: 0, |
| | | // borderColor: '#FF0000', |
| | | // } |
| | | // var publicOption = { |
| | | // ...panelSet, |
| | | // opacity: Number(panelSet.opacity) / 100, |
| | | // } |
| | | // |
| | | // /* 添加圆形 */ |
| | | // var circle_radius = radioes; |
| | | // // segments 影响形成的圆形的边数和顶点数量,数值越大圆形在视觉上越 ’平滑‘ |
| | | // var circle_segments = 500; |
| | | // var circle_center = { |
| | | // x: xy.x, |
| | | // y: xy.y, |
| | | // }; |
| | | // /* 使用 FMCalculator 的矩形构造器可以快速构造出圆形的几何形状坐标集合 */ |
| | | // var circleOption = { |
| | | // points: fengmap.FMCalculator.circleBuilder(circle_radius, circle_center, circle_segments), |
| | | // x: xy.x, |
| | | // y: xy.y, |
| | | // ...publicOption |
| | | // } |
| | | // circle = new fengmap.FMPolygonMarker(circleOption); |
| | | // circle.addTo(floor); |
| | | // } |
| | | // } |
| | | var level = map.getLevel(); |
| | | var floor = map.getFloor(level); |
| | | fmarker.addTo(floor); |
| | | lmarker.addTo(floor); |
| | | biaoqians[personlist1[i].ptagid] = fmarker; |
| | | biaoqianids[personlist1[i].ptagid] = lmarker; |
| | | biaoqianidc[personlist1[i].ptagid] = circle; |
| | | if (sessionStorage.getItem("oNLine")== "No" && personlist1[i].ponline == "0") { |
| | | // 如果标记不在线且设备离线,则移除标记 |
| | | fmarker.remove(); |
| | | lmarker.remove();; |
| | | lmarker.remove(); |
| | | delete biaoqians[personlist1[i][0]]; |
| | | delete biaoqianids[personlist1[i][0]]; |
| | | } |
| | |
| | | |
| | | } |
| | | |
| | | |
| | | function getMercator(poi) { //[114.32894, 30.585748] |
| | | var mercator = {}; |
| | | var earthRad = 6378137.0; |
| | | |
| | | mercator.x = poi[0] * Math.PI / 180 * earthRad; |
| | | var a = poi[1] * Math.PI / 180; |
| | | mercator.y = earthRad / 2 * Math.log((1.0 + Math.sin(a)) / (1.0 - Math.sin(a))); |
| | | |
| | | return [mercator.x, mercator.y]; //[12727039.383734727, 3579066.6894065146] |
| | | } |
| | | |
| | | |
| | | } |
| | | function getMercator(poi) { //[114.32894, 30.585748] |
| | | var mercator = {}; |
| | | var earthRad = 6378137.0; |
| | | |
| | | mercator.x = poi[0] * Math.PI / 180 * earthRad; |
| | | var a = poi[1] * Math.PI / 180; |
| | | mercator.y = earthRad / 2 * Math.log((1.0 + Math.sin(a)) / (1.0 - Math.sin(a))); |
| | | |
| | | return [mercator.x, mercator.y]; //[12727039.383734727, 3579066.6894065146] |
| | | |
| | | |
| | | } |
| | | localStorage.removeItem("SanWei_JianZhu") |
| | | function JianZhuMsg(Fid,Name){ |
| | | //根据Fid查询,如果查到则显示, |
| | | var data = "Fid="+Fid |
| | | $.get("/hxzkuwb/FindSanWeiIFID",data,function (data){ |
| | | if(data>0){ |
| | | localStorage.setItem("SanWei_JianZhu",Name) |
| | | localStorage.setItem("SanWei_JianZhuFID",Fid) |
| | | localStorage.setItem("DiaoYong_SanWeiFlOoor","FID") |
| | | }else{ |
| | | localStorage.removeItem("SanWei_JianZhu") |
| | | localStorage.removeItem("SanWei_JianZhuFID") |
| | | } |
| | | }) |
| | | function JianZhuMsg(Fid,Name){ |
| | | //根据Fid查询,如果查到则显示, |
| | | var data = "Fid="+Fid |
| | | $.get("/hxzkuwb/FindSanWeiIFID",data,function (data){ |
| | | if(data>0){ |
| | | localStorage.setItem("SanWei_JianZhu",Name) |
| | | localStorage.setItem("SanWei_JianZhuFID",Fid) |
| | | localStorage.setItem("DiaoYong_SanWeiFlOoor","FID") |
| | | }else{ |
| | | localStorage.removeItem("SanWei_JianZhu") |
| | | localStorage.removeItem("SanWei_JianZhuFID") |
| | | } |
| | | }) |
| | | |
| | | } |
| | | } |
| | | </script> |
| | | </html> |