From 9b9f6e309a0b0ffd5c2495eaf8438b36704991a6 Mon Sep 17 00:00:00 2001 From: jinpengyong <jpy123456> Date: Mon, 28 Sep 2020 11:02:07 +0800 Subject: [PATCH] update --- src/main/webapp/view/newmap.jsp | 76 ++++++++++++++++++++++++++++++++++---- 1 files changed, 68 insertions(+), 8 deletions(-) diff --git a/src/main/webapp/view/newmap.jsp b/src/main/webapp/view/newmap.jsp index 7c0c892..c042725 100644 --- a/src/main/webapp/view/newmap.jsp +++ b/src/main/webapp/view/newmap.jsp @@ -317,8 +317,8 @@ .tools_box { position: absolute; - height: 120px; - width: 400px; + height: 90px; + width: 90px; right: 1px; top: 20px; z-index: 1; @@ -340,12 +340,52 @@ background: url(/img/charts_btn_bg_2.png) left top no-repeat; background-size: 70%; } + + .wind_explain { + position: absolute; + height: 200px; + width: 110px; + right: 1px; + top: 110px; + z-index: 1; + } + + .wind_explain li { + height: 25px; + } + + .wind_explain li span { + display: inline-block; + height: 25px; + line-height: 25px; + } + + .wind_explain li img { + vertical-align: top; + } </style> <body> +<div> +</div> +<textarea id="close" hidden></textarea> + <div class="main_body"> + <%--<input id="button" type="button" value="������" onclick="getJs();">--%> <div class="tools_box"> <div class="charts_btn"> </div> + </div> + <div class="wind_explain"> + <ul> + <li><img src="/img/icoWind01.png" width="25" height="25"><span>1������</span></li> + <li><img src="/img/icoWind02.png" width="25" height="25"><span>2������</span></li> + <li><img src="/img/icoWind03.png" width="25" height="25"><span>3������</span></li> + <li><img src="/img/icoWind04.png" width="25" height="25"><span>4������</span></li> + <li><img src="/img/icoWind05.png" width="25" height="25"><span>5������</span></li> + <li><img src="/img/icoWind06.png" width="25" height="25"><span>6������</span></li> + <li><img src="/img/icoWind07.png" width="25" height="25"><span>7������</span></li> + <li><img src="/img/icoWind08.png" width="25" height="25"><span>8���������������</span></li> + </ul> </div> <%-- <div class="search_box"> <button id="searchBtn" type="button">������</button> @@ -486,6 +526,19 @@ } else { alert(equStr); } + } + if ("���������" === obj["monitorPoint"]["description"]) { + var icon05 = new BMap.Icon("/img/ico05.png", new BMap.Size(50, 50)); + var mark05 = new BMap.Marker(new BMap.Point(obj["monitorPoint"]["longitude"], obj["monitorPoint"]["latitude"]), {icon: icon05}); + moralMap.addOverlay(mark05); + } else if ("���������" === obj["monitorPoint"]["description"]) { + var icon06 = new BMap.Icon("/img/ico06.png", new BMap.Size(50, 50)); + var mark06 = new BMap.Marker(new BMap.Point(obj["monitorPoint"]["longitude"], obj["monitorPoint"]["latitude"]), {icon: icon06}); + moralMap.addOverlay(mark06); + } else if ("���������" === obj["monitorPoint"]["description"]) { + var icon08 = new BMap.Icon("/img/ico08.png", new BMap.Size(50, 50)); + var mark08 = new BMap.Marker(new BMap.Point(obj["monitorPoint"]["longitude"], obj["monitorPoint"]["latitude"]), {icon: icon08}); + moralMap.addOverlay(mark08); } var moralMask = new moralMap.Equipment(obj); moralMap.addOverlay(moralMask); @@ -646,24 +699,29 @@ if (typeof (WebSocket) === "undefined") { alert("������������������������WebSocket"); } else { - ws = new WebSocket('ws://' + hostAndPort + '/screen/webSocket/' + orgId + '&' + accountId); + ws = new WebSocket('ws://' + hostAndPort + '/screen/webSocket/' + orgId + '&' + accountId + '_' + regionCode); ws.onopen = function () { }; - //������������������ ws.onmessage = function (msg) { // $("#searchParam").val(JSON.parse(msg.data)); moralMap.refreshWindDir(JSON.parse(JSON.parse(msg.data))); - if (moralMap.showSensors && typeof (moralMap.showSensors) == "function") { - moralMap.showSensors(JSON.parse(JSON.parse(msg.data))); + /* if (moralMap.showSensors && typeof (moralMap.showSensors) == "function") { + moralMap.showSensors(JSON.parse(JSON.parse(msg.data))); + }*/ + if ($("#close").html() == "CloseMq") { + ws.close(); } + moralMap.showSensors(JSON.parse(JSON.parse(msg.data))); }; //������������ ws.onclose = function () { + $("#close").html("websocket������������"); }; //��������������������� ws.onerror = function () { + $("#close").html("websocket������������"); }; } @@ -772,6 +830,7 @@ } function callJS(jsonData) { + $("#close").html(jsonData); var jsonData = JSON.parse(jsonData); var methodName = jsonData.methodName; // $("#searchParam").val(JSON.stringify(jsonData)); @@ -780,8 +839,9 @@ } else if ("RefreshState" == methodName) { var states = jsonData.states; moralMap.refreshState(states); - } else if ("DeliverSensors" == methodName) { - // moralMap.showSensors(jsonData); + } else if ("CloseMq" == methodName) { + $("#close").html(methodName); } } + </script> -- Gitblit v1.8.0