| | |
|---|
| | | |
|---|
| | | .tools_box { |
|---|
| | | position: absolute; |
|---|
| | | height: 120px; |
|---|
| | | width: 400px; |
|---|
| | | height: 90px; |
|---|
| | | width: 90px; |
|---|
| | | right: 1px; |
|---|
| | | top: 20px; |
|---|
| | | z-index: 1; |
|---|
| | |
|---|
| | | 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> |
|---|
| | |
|---|
| | | //页面初始化 |
|---|
| | | (function ($) { |
|---|
| | | var hostAndPort = document.location.host; |
|---|
| | | var hostAddress = hostAndPort.substr(0, hostAndPort.length - 4); |
|---|
| | | var moralMap = window.moralMap; |
|---|
| | | var params = $.parseJSON($("#mapParams").html()); |
|---|
| | | moralMap['params'] = params; |
|---|
| | | var orgId = params["orgId"]; |
|---|
| | | var regionCode = params["regionCode"]; |
|---|
| | | var accountId = params["accountId"]; |
|---|
| | | var provinceCode = regionCode.toString().substring(0, 2) + "0000"; |
|---|
| | | var mapType = getUrlParam("mapType"); |
|---|
| | | var mapOption = {}; |
|---|
| | |
|---|
| | | 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); |
|---|
| | | var moralDeviceWind = new moralMap.Device(obj); |
|---|
| | | moralMap.addOverlay(moralMask); |
|---|
| | | moralMap.addOverlay(moralDeviceWind); |
|---|
| | | if (obj['hasWindInfo'] && obj['state'] != 4) { |
|---|
| | | var moralDeviceWind = new moralMap.Device(obj); |
|---|
| | | moralMap.addOverlay(moralDeviceWind); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | |
|---|
| | | if (typeof (WebSocket) === "undefined") { |
|---|
| | | alert("您的浏览器不支持WebSocket"); |
|---|
| | | } else { |
|---|
| | | ws = new WebSocket('ws://' + hostAddress + '8080/screen/webSocket/' + orgId + '&' + regionCode); |
|---|
| | | 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))); |
|---|
| | | }*/ |
|---|
| | | }; |
|---|
| | | |
|---|
| | | //关闭事件 |
|---|
| | |
|---|
| | | var states = jsonData.states; |
|---|
| | | moralMap.refreshState(states); |
|---|
| | | } else if ("DeliverSensors" == methodName) { |
|---|
| | | // moralMap.showSensors(jsonData); |
|---|
| | | moralMap.showSensors(jsonData); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </script> |
|---|
