| | |
| | | background: url(/img/charts_btn_bg_2.png) left top no-repeat; |
| | | background-size: 70%; |
| | | } |
| | | .wind_explain{ |
| | | |
| | | .wind_explain { |
| | | position: absolute; |
| | | height: 200px; |
| | | width: 110px; |
| | |
| | | top: 110px; |
| | | z-index: 1; |
| | | } |
| | | .wind_explain li{ |
| | | |
| | | .wind_explain li { |
| | | height: 25px; |
| | | } |
| | | .wind_explain li span{ |
| | | |
| | | .wind_explain li span { |
| | | display: inline-block; |
| | | height: 25px; |
| | | line-height: 25px; |
| | | } |
| | | .wind_explain li img{ |
| | | |
| | | .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> |
| | |
| | | } 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); |
| | |
| | | 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关闭错误"); |
| | | }; |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | function callJS(jsonData) { |
| | | $("#close").html(jsonData); |
| | | var jsonData = JSON.parse(jsonData); |
| | | var methodName = jsonData.methodName; |
| | | // $("#searchParam").val(JSON.stringify(jsonData)); |
| | |
| | | } 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> |