| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- <div class="popup" id="popup" onclick="hidePopup(false)"> |
| | | <div class="popup-content" id="tanchuang"> |
| | | <iframe src="http://192.168.1.100:10000/play.html?serial=34020000001320000003&code=34020000001310000002&aspect=fullscreen" width="640" height="360" allowfullscreen allow="autoplay; fullscreen"></iframe> |
| | | </div> |
| | | </div> --> |
| | | <div class="content-absolute" |
| | | style="position: absolute;z-index: 99999;left: 31%;bottom: 10px;margin:0 auto;"> |
| | | <div class="content2"> |
| | | <div id="vxg_media_player1" class="vxgplayer" style="display:none;" |
| | | url="rtsp://admin:hxzk20151102@192.168.1.64:554/Streaming/Channels/101" autostart |
| | | controls avsync nmf-src="/hxzkoa/hxzk/pnacl/Release/media_player.nmf" |
| | | nmf-path="media_player.nmf"></div> |
| | | </div> |
| | | </div> |
| | | <!-- END CONTENT PART --> |
| | | |
| | | <!-- END MAIN CONTAINER --> |
| | | <% 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%>"> |
| | | <!-- BEGIN GLOBAL MANDATORY SCRIPTS --> |
| | | <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/plugins/table/datatable/button-ext/buttons.print.min.js"></script> |
| | | <script> |
| | | var result; |
| | | $(document).ready(function () { |
| | | App.init(); $.ajax({ async: false, type: "POST", url: "/hxzkoa/getSysSetting_list.do", data: {}, dataType: "json", success: function (data) { /* title = data[0].title; document.title = title; */ }, }); |
| | | var department = []; |
| | | window.onload = function () { |
| | | App.init(); |
| | | $.ajax({ |
| | | async: false, |
| | | type: "POST", |
| | | url: "/hxzkoa/jiedepartment.do", |
| | | data: {}, |
| | | dataType: "json", |
| | | success: function (data) { |
| | | for (var i = 0; i < data.dataList.length; i++) { |
| | | department.push([data.dataList[i].departmentName, data.dataList[i].iconadress]); |
| | | }; |
| | | if (data.dataList2[0].label == 0) { |
| | | $("#labela").css({ 'display': 'none' }); |
| | | }; |
| | | if (data.dataList2[0].achor == 0) { |
| | | $("#anchora").css({ 'display': 'none' }); |
| | | }; |
| | | if (data.dataList2[0].gps == 0) { |
| | | $("#gpsa").css({ 'display': 'none' }); |
| | | }; |
| | | if (data.dataList2[0].fence == 0) { |
| | | $("#fencea").css({ 'display': 'none' }); |
| | | }; |
| | | if (data.dataList2[0].warning == 0) { |
| | | $("#warninga").css({ 'display': 'none' }); |
| | | }; |
| | | if (data.dataList2[0].history == 0) { |
| | | $("#historya").css({ 'display': 'none' }); |
| | | }; |
| | | if (data.dataList2[0].attendance == 0) { |
| | | $("#attendancea").css({ 'display': 'none' }); |
| | | }; |
| | | if (data.dataList2[0].basiclnfo == 0) { |
| | | $("#basiclnfoa").css({ 'display': 'none' }); |
| | | }; |
| | | if (data.dataList2[0].video == 0) { |
| | | $("#videoa").css({ 'display': 'none' }); |
| | | }; |
| | | if (data.dataList2[0].gas == 0) { |
| | | $("#gasa").css({ 'display': 'none' }); |
| | | }; |
| | | }, |
| | | }); |
| | | document.getElementById("xianuser").innerHTML = document.getElementById("xianusera").value |
| | | result = getAllMap(); //result["mapname"]=mapnamelist, ['floor']=floorlist |
| | | diaoyonghuatu(result); |
| | | }); |
| | | }; |
| | | |
| | | $('.header-page').load('/hxzkoa/hxzk/top.html'); $('.login-page').load('/hxzkoa/hxzk/head.html'); |
| | | </script> |
| | |
| | | |
| | | <!-- 常用函数 --> |
| | | <script> |
| | | function BezierEllipse2(ctx, x, y, a, b) { |
| | | var k = .5522848, |
| | | ox = a * k, // 水平控制点偏移量 |
| | | oy = b * k; // 垂直控制点偏移量</p> <p> ctx.beginPath(); |
| | | |
| | | //从椭圆的左端点开始顺时针绘制四条三次贝塞尔曲线 |
| | | ctx.moveTo(x - a, y); |
| | | ctx.bezierCurveTo(x - a, y - oy, x - ox, y - b, x, y - b); |
| | | ctx.bezierCurveTo(x + ox, y - b, x + a, y - oy, x + a, y); |
| | | ctx.bezierCurveTo(x + a, y + oy, x + ox, y + b, x, y + b); |
| | | ctx.bezierCurveTo(x - ox, y + b, x - a, y + oy, x - a, y); |
| | | ctx.closePath(); |
| | | ctx.stroke(); |
| | | }; |
| | | |
| | | function getTruemap_all() { |
| | | var map_wl = {}; |
| | | $.ajax({ |
| | |
| | | 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]) |
| | | 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].bumen, data[i].baoliu22]) |
| | | } |
| | | }, |
| | | }); |
| | |
| | | |
| | | <!-- 调用室内定位地图功能 --> |
| | | <script> |
| | | var tubiaochicun = 0.03; |
| | | var lio = 0; |
| | | // var zuobiaochicun = 30; |
| | | // var dianliangchicun = 15; |
| | | var tubiaochicun = 0.03; |
| | | var lio = 0; |
| | | // var zuobiaochicun = 30; |
| | | // var dianliangchicun = 15; |
| | | function diaoyonghuatu(result) { |
| | | |
| | | var truemap_list = getTruemap_all(); |
| | |
| | | imgList['map'] = imgUrl; |
| | | var iconUrl = '/hxzkoa/hxzk/image/targeticon/default.png'; |
| | | imgList['icon'] = iconUrl; |
| | | for (var i = 0; i < department.length; i++) { |
| | | imgList[department[i][0]] = '/hxzkoa/hxzk/' + department[i][1]; |
| | | } |
| | | |
| | | |
| | | // var anckicon = '/hxzkoa/hxzk/image/anchor/lingjin.png'; |
| | | // imgList['anchor']=anckicon; |
| | |
| | | }; |
| | | var serial; |
| | | var code; |
| | | var sousuopanduan = ""; |
| | | var isDelete = false; |
| | | var shipinka = true; |
| | | var tuodong = false; |
| | | var colorbbb = "rgba(255,0,0,0.3)"; |
| | | var sosType = []; |
| | |
| | | |
| | | can.globalCompositeOperation = "source-over"; |
| | | 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']); |
| | | |
| | |
| | | _this.fenceMarkCount.push(tmp_count); |
| | | }; |
| | | |
| | | // if (shipinka) { |
| | | //画标签及基站 |
| | | 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 shipinzhuangtai = _this.playMark[i][9]; |
| | | if (shipinka) { |
| | | if (shipinzhuangtai == "1") { |
| | | $.ajax({ |
| | | async: false, |
| | | url: "/hxzkoa/shipinzhuangtai.do", |
| | | type: 'POST', |
| | | dataType: 'JSON', |
| | | data: { |
| | | tagid: _this.playMark[i][0], |
| | | }, |
| | | success: function (data) { |
| | | serial = data[0].shebeiid; |
| | | code = data[0].tongdaoid; |
| | | if (sousuopanduan == "" || sousuopanduan == _this.playMark[i][0] || sousuopanduan == _this.playMark[i][1]) { |
| | | 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)); |
| | | |
| | | //是否有轨迹拖尾 |
| | | if (_this.real_trak_time != 0) { |
| | | var trackNow; |
| | | var pm = _this.playMark; |
| | | |
| | | function ftn(current_floor, pm, tn, rtk, ctt, rtc, igxm, igym, igslm, rnlm, xr, yr, xx0, yy0) { |
| | | //trackNow = getTracknow(current_floor, 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)); |
| | | can.moveTo(x_cor, y_cor); |
| | | can.arc(x_cor, y_cor, 1, 0, Math.PI * 2, true); |
| | | can.fill(); |
| | | }; |
| | | can.closePath(); |
| | | can.stroke(); |
| | | trackNow = null; |
| | | } |
| | | }); |
| | | /* document.getElementById("popup").style.display = "flex"; |
| | | var tanchuang = document.getElementById("tanchuang") |
| | | var rr = document.createElement("iframe") |
| | | rr.src = "http://39.106.210.13:10000/play.html?serial=" + serial + "&code=" + code + "&aspect=fullscreen"; |
| | | rr.width = "640"; |
| | | rr.height = "360"; |
| | | rr.allowFullscreen = "true"; |
| | | var object = tanchuang.appendChild(rr); |
| | | shipinka = false; */ |
| | | document.getElementById("vxg_media_player1").style.display = ""; |
| | | $('.content-absolute').css('display', 'inline'); |
| | | window.vxgplayer('vxg_media_player1').stop(); |
| | | window.vxgplayer('vxg_media_player1').src("rtsp://admin:hxzk20151102@192.168.1.64:554/Streaming/Channels/101"); |
| | | window.vxgplayer('vxg_media_player1').play(); |
| | | } |
| | | } |
| | | //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)); |
| | | |
| | | //是否有轨迹拖尾 |
| | | if (_this.real_trak_time != 0) { |
| | | var trackNow; |
| | | var pm = _this.playMark; |
| | | |
| | | function ftn(current_floor, pm, tn, rtk, ctt, rtc, igxm, igym, igslm, rnlm, xr, yr, xx0, yy0) { |
| | | //trackNow = getTracknow(current_floor, 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(); |
| | | trackNow = null; |
| | | } |
| | | setTimeout(ftn(current_floor, _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的数据进行绘制 |
| | | } else { |
| | | _this.trackNow = []; |
| | | } |
| | | var isSos = _this.playMark[i][7]; |
| | | if (_this.playMark[i][8] == "1") { |
| | | if (sousuoType) { |
| | | 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]); |
| | | setTimeout(ftn(current_floor, _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的数据进行绘制 |
| | | } else { |
| | | can.drawImage(sousuo0, 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]); |
| | | _this.trackNow = []; |
| | | } |
| | | sousuoType = !sousuoType; |
| | | } else { |
| | | if (isSos) { |
| | | if (sosType[i]) { |
| | | 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[i] = !sosType[i]; |
| | | } 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]); |
| | | |
| | | if (_this.tagZb == '1') { //是否显示标签坐标 |
| | | can.fillStyle = 'red'; |
| | | //var f = 8*( _this.imgScaleList['map']); |
| | | can.font = "11px Arial"; |
| | | var isSos = _this.playMark[i][7]; |
| | | |
| | | tagzuobiao = _this.playMark[i][4] + ',' + _this.playMark[i][5]; |
| | | lio = tagzuobiao.length / 2 * 6 |
| | | can.fillText(tagzuobiao, x_cor_now - lio, y_cor_now + 10); |
| | | }; |
| | | if (_this.viewName == '1') { //是否显示人员名称 |
| | | can.fillStyle = 'white'; |
| | | can.font = '13px sans-serif'; |
| | | if (_this.viewTagid == '1') { //是否显示标签id |
| | | if (_this.playMark[i][2] <= 10) { |
| | | 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, '#FF0000'); |
| | | if (_this.playMark[i][8] == "1") { |
| | | if (sousuoType) { |
| | | can.drawImage(images[_this.playMark[i][10]], 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]); |
| | | } else { |
| | | 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.drawImage(sousuo0, 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.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); |
| | | sousuoType = !sousuoType; |
| | | } else { |
| | | if (_this.playMark[i][2] <= 10) { |
| | | 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, '#FF0000'); |
| | | if (isSos) { |
| | | if (sosType[i]) { |
| | | 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]); |
| | | } |
| | | if (_this.playMark[i][11] == 0) { |
| | | can.strokeStyle = 'red'; |
| | | } else { |
| | | can.strokeStyle = 'green'; |
| | | } |
| | | can.lineWidth = 3; |
| | | BezierEllipse2(can,x_cor_now - (images[key].naturalWidth * _this.imgScaleList[key] * _this.rateNumList[key]) / 2+14,y_cor_now - (images[key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key]) + 28,10,5) |
| | | sosType[i] = !sosType[i]; |
| | | } 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'); |
| | | if (_this.playMark[i][11] == 0) { |
| | | can.strokeStyle = 'red'; |
| | | } else { |
| | | can.strokeStyle = 'green'; |
| | | } |
| | | can.lineWidth = 3; |
| | | BezierEllipse2(can,x_cor_now - (images[key].naturalWidth * _this.imgScaleList[key] * _this.rateNumList[key]) / 2+14,y_cor_now - (images[key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key]) + 28,10,5) |
| | | can.drawImage(images[_this.playMark[i][10]], 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.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'; |
| | | can.fillStyle = 'white'; |
| | | if (_this.viewTagid == '1') { |
| | | if (_this.playMark[i][2] <= 10) { |
| | | 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, '#FF0000'); |
| | | } 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][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 - 16, y_cor_now + 20); |
| | | //画在相应位置上 |
| | | // 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.tagZb == '1') { //是否显示标签坐标 |
| | | can.fillStyle = 'red'; |
| | | //var f = 8*( _this.imgScaleList['map']); |
| | | can.font = "11px Arial"; |
| | | |
| | | tagzuobiao = _this.playMark[i][4] + ',' + _this.playMark[i][5]; |
| | | lio = tagzuobiao.length / 2 * 6 |
| | | can.fillText(tagzuobiao, x_cor_now - lio, y_cor_now + 15); |
| | | }; |
| | | if (_this.viewName == '1') { //是否显示人员名称 |
| | | can.fillStyle = 'white'; |
| | | can.font = '13px sans-serif'; |
| | | if (_this.viewTagid == '1') { //是否显示标签id |
| | | if (_this.playMark[i][2] <= 10) { |
| | | fillRoundRect(can, x_cor_now - 40, y_cor_now - 40 * _this.imgScaleList[key] * _this.rateNumList[key] - 18, 40 * 2, 20, 4, '#FF0000'); |
| | | } else { |
| | | fillRoundRect(can, x_cor_now - 40, y_cor_now - 40 * _this.imgScaleList[key] * _this.rateNumList[key] - 18, 40 * 2, 20, 4, '#32CD32'); |
| | | } |
| | | can.fillStyle = 'white'; |
| | | can.fillText(_this.playMark[i][1], x_cor_now - 38, y_cor_now - 40 * _this.imgScaleList[key] * _this.rateNumList[key] - 3); |
| | | can.fillText(_this.playMark[i][0], x_cor_now + 5, y_cor_now - 40 * _this.imgScaleList[key] * _this.rateNumList[key] - 3); |
| | | } else { |
| | | if (_this.playMark[i][2] <= 10) { |
| | | 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, '#FF0000'); |
| | | } 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'; |
| | | can.fillStyle = 'white'; |
| | | if (_this.viewTagid == '1') { |
| | | if (_this.playMark[i][2] <= 10) { |
| | | 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, '#FF0000'); |
| | | } 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][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 - 16, y_cor_now + 20); |
| | | }; |
| | | }; |
| | | }; |
| | | } |
| | | } |
| | | }; |
| | | } else if (key == 'anchor_online') { |
| | | can.font = '10px sans-serif'; |
| | | if (_this.anckicon == '1') { //是否显示基站图标 |
| | |
| | | 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 - 15, y_cor + 30); |
| | | // can.fillText(anchorzuobiao, x_cor - 15, y_cor + 30); |
| | | can.fillText(anchorzuobiao, x_cor - (images[key].naturalWidth * _this.imgScaleList[key] * _this.rateNumList[key]) / 2, y_cor - (images[key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key]) + 33); |
| | | }; |
| | | if (_this.viewAnckid == '1') { //是否显示基站id |
| | | can.fillStyle = 'red'; |
| | |
| | | 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 - 15, y_cor + 30); |
| | | // can.fillText(anchorzuobiao, x_cor - 15, y_cor + 30); |
| | | can.fillText(anchorzuobiao, x_cor - (images[key].naturalWidth * _this.imgScaleList[key] * _this.rateNumList[key]) / 2, y_cor - (images[key].naturalHeight * _this.imgScaleList[key] * _this.rateNumList[key]) + 33); |
| | | }; |
| | | if (_this.viewAnckid == '1') { //是否显示基站id |
| | | can.fillStyle = 'red'; |
| | |
| | | if (tuodong == true) { |
| | | return false; |
| | | } |
| | | if (shipinka == false) { |
| | | return false; |
| | | } |
| | | //当前实时坐标 |
| | | _this.playMark = getRealPosition(current_floor); |
| | | // var onachor = getAnchorInfo_all()[0][current_floor]; |
| | |
| | | if ((event.type == "dblclick") && (full_screen == false)) { |
| | | _this.expand = true; |
| | | full_screen = true; |
| | | |
| | | |
| | | tubiaochicun = 0.015; |
| | | // zuobiaochicun = 35; |
| | | // dianliangchicun = 17; |
| | |
| | | tuodong = true; |
| | | //_this.canvas.style.cursor = "move"; |
| | | _this.pos = _this.xyToCanvas(_this.canvas, event.clientX, event.clientY); |
| | | |
| | | } |
| | | }, |
| | | /*鼠标移动事件*/ |
| | |
| | | document.getElementById("stop").style.display = 'none'; |
| | | $("#search").click(function () { |
| | | var input = document.getElementById("tagidaaa").value; |
| | | $.ajax({ |
| | | async: false, |
| | | url: "/hxzkoa/sousuo.do", |
| | | type: "POST", |
| | | dataType: "JSON", |
| | | data: { |
| | | tagid: input |
| | | } |
| | | }) |
| | | // $.ajax({ |
| | | // async: false, |
| | | // url: "/hxzkoa/sousuo.do", |
| | | // type: "POST", |
| | | // dataType: "JSON", |
| | | // data: { |
| | | // tagid: input |
| | | // } |
| | | // }) |
| | | sousuopanduan = input; |
| | | document.getElementById("search").style.display = 'none'; |
| | | document.getElementById("stop").style.display = ''; |
| | | document.getElementById("tagidaaa").value = ""; |
| | | }); |
| | | $("#stop").click(function () { |
| | | $.ajax({ |
| | | async: false, |
| | | url: "/hxzkoa/sousuoquxiao.do", |
| | | type: "POST", |
| | | dataType: "JSON" |
| | | }) |
| | | // $.ajax({ |
| | | // async: false, |
| | | // url: "/hxzkoa/sousuoquxiao.do", |
| | | // type: "POST", |
| | | // dataType: "JSON" |
| | | // }) |
| | | sousuopanduan = ""; |
| | | document.getElementById("search").style.display = ''; |
| | | document.getElementById("stop").style.display = 'none'; |
| | | }); |
| | | function hidePopup(x, e) { |
| | | if (e != undefined) { |
| | | e.cancelBubble = true; |
| | | } |
| | | document.getElementById("popup").style.display = "none"; |
| | | isDelete = x; |
| | | shipinka = true; |
| | | document.getElementById("tanchuang").innerHTML = ""; |
| | | } |
| | | |
| | | $(document).bind('click', function (e) { |
| | | var e = e || window.event; //浏览器兼容性 |
| | | var elem = e.target || e.srcElement; |
| | | while (elem) { //循环判断至跟节点,防止点击的是div子元素 |
| | | if (elem.id && elem.id == 'test') { |
| | | return; |
| | | } |
| | | elem = elem.parentNode; |
| | | } |
| | | $('.content-absolute').css('display', 'none'); //点击的不是div或其子元素 |
| | | document.getElementById("tagidaaa").value = ""; |
| | | }); |
| | | </script> |
| | | <!-- 结束调用室内定位地图功能 --> |