From bc6aaea416da40038dee2df1b3de4a1581da2a48 Mon Sep 17 00:00:00 2001 From: jinpengyong <jpy123456> Date: Wed, 29 Jul 2020 10:07:44 +0800 Subject: [PATCH] 臭氧预测update,根据城市名查询预测和实际数据 --- src/main/webapp/view/newmap.jsp | 62 +++++++++++++++++++++++++++--- 1 files changed, 55 insertions(+), 7 deletions(-) diff --git a/src/main/webapp/view/newmap.jsp b/src/main/webapp/view/newmap.jsp index 7c0c892..1ad7ba7 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,47 @@ 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 class="main_body"> <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 +521,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,7 +694,7 @@ 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 () { }; @@ -654,9 +702,9 @@ 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))); + }*/ }; //������������ @@ -781,7 +829,7 @@ var states = jsonData.states; moralMap.refreshState(states); } else if ("DeliverSensors" == methodName) { - // moralMap.showSensors(jsonData); + moralMap.showSensors(jsonData); } } </script> -- Gitblit v1.8.0