| | |
| | | top: 30px; |
| | | right: 50px; |
| | | display: inline-block; |
| | | width: 80px; |
| | | width: 100px; |
| | | height: 40px; |
| | | border-width: 0px; |
| | | border-radius: 3px; |
| | |
| | | |
| | | <body> |
| | | <div class="main_body"> |
| | | <input type="button" id="show" value="溯源"/> |
| | | <div id="cpm">无法推测来源</div> |
| | | <input type="button" id="show" value="溯源运算"/> |
| | | <div id="cpm"></div> |
| | | <div id="mapCanvas"></div> <!-- 百度地图 --> |
| | | <!-- 传sensorInfo,regionCode,regionName,monitorPoint,device--> |
| | | <div id="pollutionSourceParams" style="display: none;"> |
| | |
| | | var marker = new BMap.Marker(point, {icon: icon, offset: new BMap.Size(0, -20)}); |
| | | map.addOverlay(marker); |
| | | map.centerAndZoom(point, 16); |
| | | if (!$.isEmptyObject(dirPoint) && !$.isEmptyObject(getPollutionSourceData) && typeof (getPollutionSourceData["e6"]) != "undefined" && typeof (getPollutionSourceData["e7"]) != "undefined" && typeof (getPollutionSourceData["e18"]) != "undefined" && typeof (getPollutionSourceData["e23"]) != "undefined" && getPollutionSourceData["e18"] > 0.03) { |
| | | var humidity = 0; |
| | | var temperature = 0; |
| | | if (!$.isEmptyObject(dirPoint) && !$.isEmptyObject(getPollutionSourceData) && typeof (getPollutionSourceData["e18"]) != "undefined" && typeof (getPollutionSourceData["e23"]) != "undefined" && getPollutionSourceData["e18"] != 0) { |
| | | var windSpeed = parseFloat(getPollutionSourceData["e18"]); |
| | | var windDir = parseFloat(getPollutionSourceData["e23"]); |
| | | var distance = windSpeed * 3600; |
| | |
| | | |
| | | $("#show").one('click', function () { |
| | | setTimeout(function () { |
| | | if ($.isEmptyObject(dirPoint) || $.isEmptyObject(getPollutionSourceData) || typeof (getPollutionSourceData["e6"]) == "undefined" || typeof (getPollutionSourceData["e7"]) == "undefined" || typeof (getPollutionSourceData["e18"]) == "undefined" || typeof (getPollutionSourceData["e23"]) == "undefined" || getPollutionSourceData["e18"] <= 0.03) { |
| | | if ($.isEmptyObject(dirPoint) || $.isEmptyObject(getPollutionSourceData) || typeof (getPollutionSourceData["e18"]) == "undefined" || typeof (getPollutionSourceData["e23"]) == "undefined" || getPollutionSourceData["e18"] === 0) { |
| | | showNoData(); |
| | | } else { |
| | | var humidity = parseFloat(getPollutionSourceData["e6"]); |
| | | var temperature = parseFloat(getPollutionSourceData["e7"]); |
| | | if (typeof (getPollutionSourceData["e6"]) != "undefined") { |
| | | humidity = parseFloat(getPollutionSourceData["e6"]); |
| | | } |
| | | if (typeof (getPollutionSourceData["e7"]) != "undefined") { |
| | | temperature = parseFloat(getPollutionSourceData["e7"]); |
| | | } |
| | | var windSpeed = parseFloat(getPollutionSourceData["e18"]); |
| | | var windDir = parseFloat(getPollutionSourceData["e23"]); |
| | | var selectSensorKey = getPollutionSourceData["selectSensorKey"]; |
| | | var markerDir = new BMap.Marker(dirPoint); |
| | | lab = new BMap.Label("该坐标点分析为溯源</br>" + selectSensorKey + "浓度超标", { |
| | | lab = new BMap.Label("经过溯源运算,确认该点为污染源</br>" + selectSensorKey + "超标", { |
| | | position: dirPoint, |
| | | offset: new BMap.Size(20, -40) |
| | | }); |
| | |
| | | map.addOverlay(oval); |
| | | }, 500); |
| | | |
| | | var winfowTextCause = "<p style='height: 44px;line-height: 22px'>汽车尾气,工厂废气,以及周边地区农田秸秆焚烧,污染传播途径是根据风向来做出调整</p>"; |
| | | var winfowTextCause = "<p style='height: 22px;line-height: 22px'>汽车尾气,工厂废气,以及周边地区农田秸秆焚烧</p>"; |
| | | var winfowTextSource; |
| | | var supplement; |
| | | if (month == 12 || month == 1 || month == 2) { |
| | | if (windSpeed >= 3.4) { |
| | | supplement = ",但风速较大,大气扩散条件较有利,空气质量相对提升"; |
| | | if (selectSensorKey == "臭氧") { |
| | | winfowTextCause = "<p style='height: 44px;line-height: 22px'>主要来源机动车尾气、燃煤排放氮氧化物,油漆油气挥发有机物在高温,阳光充足的照射下发生光化学烟雾</p>"; |
| | | winfowTextSource = "<p style='height: 22px;line-height: 22px'>NOx以及VOCs总量超标</p>"; |
| | | } else { |
| | | if (month == 12 || month == 1 || month == 2) { |
| | | if (windSpeed >= 3.4) { |
| | | supplement = ",但风速较大,大气扩散条件较有利,空气质量相对提升"; |
| | | } |
| | | if (humidity >= 90.0) { |
| | | supplement = ",但降雨有利于对颗粒物的沉降、冲刷,改善污染状况"; |
| | | } else { |
| | | supplement = ""; |
| | | } |
| | | winfowTextSource = "<p style='height: 22px;line-height: 22px'>压强升高气温降低,会因冷空气带来的颗粒物,导致污染上升" + supplement + "</p>"; |
| | | } else if (month == 3 || month == 4 || month == 5) { |
| | | if (windSpeed >= 3.4) { |
| | | supplement = ",但风速较大,大气扩散条件较有利,空气质量相对提升"; |
| | | } |
| | | if (humidity >= 90.0) { |
| | | supplement = ",但降雨有利于对颗粒物的沉降、冲刷,改善污染状况"; |
| | | } else { |
| | | supplement = ""; |
| | | } |
| | | winfowTextSource = "<p style='height: 22px;line-height: 22px'>地面逆温频率的增加使污染物在近地层不断积累" + supplement + "</p>"; |
| | | } else if (month == 6 || month == 7) { |
| | | if (windSpeed >= 3.4) { |
| | | supplement = ",同时风速较大,加速扩散"; |
| | | } |
| | | if (humidity >= 90.0) { |
| | | supplement = ",同时降雨有利于对颗粒物的沉降、冲刷,改善污染状况"; |
| | | } else { |
| | | supplement = ""; |
| | | } |
| | | winfowTextSource = "<p style='height: 22px;line-height: 22px'>夏季的气温条件不易发生逆温,利于污染物扩散" + supplement + "</p>"; |
| | | } else if (month == 8 || month == 9 || month == 10 || month == 11) { |
| | | if (windSpeed >= 3.4) { |
| | | supplement = ",但风速较大,利于污染物扩散"; |
| | | } |
| | | if (humidity >= 90.0) { |
| | | supplement = ",但降雨有利于对颗粒物的沉降、冲刷,改善污染状况"; |
| | | } else { |
| | | supplement = ""; |
| | | } |
| | | winfowTextSource = "<p style='height: 22px;line-height: 22px'>大气扩散条件不好使污染物聚集,增大了气态污染物向二次颗粒物转化的机会" + supplement + "</p>"; |
| | | } |
| | | if (humidity >= 90.0) { |
| | | supplement = ",但降雨有利于对颗粒物的沉降、冲刷,改善污染状况"; |
| | | } else { |
| | | supplement = ""; |
| | | } |
| | | winfowTextSource = "<p style='height: 22px;line-height: 22px'>压强升高气温降低,会因冷空气带来的颗粒物,导致污染上升" + supplement + "</p>"; |
| | | } else if (month == 3 || month == 4 || month == 5) { |
| | | if (windSpeed >= 3.4) { |
| | | supplement = ",但风速较大,大气扩散条件较有利,空气质量相对提升"; |
| | | } |
| | | if (humidity >= 90.0) { |
| | | supplement = ",但降雨有利于对颗粒物的沉降、冲刷,改善污染状况"; |
| | | } else { |
| | | supplement = ""; |
| | | } |
| | | winfowTextSource = "<p style='height: 22px;line-height: 22px'>地面逆温频率的增加使污染物在近地层不断积累" + supplement + "</p>"; |
| | | } else if (month == 6 || month == 7) { |
| | | if (windSpeed >= 3.4) { |
| | | supplement = ",同时风速较大,加速扩散"; |
| | | } |
| | | if (humidity >= 90.0) { |
| | | supplement = ",同时降雨有利于对颗粒物的沉降、冲刷,改善污染状况"; |
| | | } else { |
| | | supplement = ""; |
| | | } |
| | | winfowTextSource = "<p style='height: 22px;line-height: 22px'>夏季的气温条件不易发生逆温,利于污染物扩散" + supplement + "</p>"; |
| | | } else if (month == 8 || month == 9 || month == 10 || month == 11) { |
| | | if (windSpeed >= 3.4) { |
| | | supplement = ",但风速较大,利于污染物扩散"; |
| | | } |
| | | if (humidity >= 90.0) { |
| | | supplement = ",但降雨有利于对颗粒物的沉降、冲刷,改善污染状况"; |
| | | } else { |
| | | supplement = ""; |
| | | } |
| | | winfowTextSource = "<p style='height: 22px;line-height: 22px'>大气扩散条件不好使污染物聚集,增大了气态污染物向二次颗粒物转化的机会" + supplement + "</p>"; |
| | | } |
| | | |
| | | var winfowText = '<div style="height:150px;" >'; |
| | |
| | | } else if (windDir > 270 && windDir < 360) { |
| | | windDirection = "西北风"; |
| | | } |
| | | lab = new BMap.Label("<P>温度:" + temperature + "℃</p><P>湿度:" + humidity + "%</p><P>风速:" + windSpeed + "m/s</p><P>风向:" + windDirection + "</p>", { |
| | | position: pointMiddle, |
| | | offset: new BMap.Size(-50, -40) |
| | | }); |
| | | if (temperature != 0 && humidity != 0) { |
| | | lab = new BMap.Label("<P>温度:" + temperature + "℃</p><P>湿度:" + humidity + "%</p><P>风速:" + windSpeed + "m/s</p><P>风向:" + windDirection + "</p>", { |
| | | position: pointMiddle, |
| | | offset: new BMap.Size(-50, -40) |
| | | }); |
| | | } else if (temperature == 0 && humidity != 0) { |
| | | lab = new BMap.Label("<P>湿度:" + humidity + "%</p><P>风速:" + windSpeed + "m/s</p><P>风向:" + windDirection + "</p>", { |
| | | position: pointMiddle, |
| | | offset: new BMap.Size(-50, -40) |
| | | }); |
| | | } else if (temperature != 0 && humidity == 0) { |
| | | lab = new BMap.Label("<P>温度:" + temperature + "℃</p><P>风速:" + windSpeed + "m/s</p><P>风向:" + windDirection + "</p>", { |
| | | position: pointMiddle, |
| | | offset: new BMap.Size(-50, -40) |
| | | }); |
| | | } else { |
| | | lab = new BMap.Label("<P>风速:" + windSpeed + "m/s</p><P>风向:" + windDirection + "</p>", { |
| | | position: pointMiddle, |
| | | offset: new BMap.Size(-50, -40) |
| | | }); |
| | | } |
| | | lab.setStyle({ |
| | | color: "#EE3B3B", |
| | | fontSize: "16px", |
| | |
| | | function showNoData() { |
| | | map.centerAndZoom(point, 17); |
| | | setTimeout(function () { |
| | | if (JSON.stringify(getPollutionSourceData) == JSON.stringify({})) { |
| | | document.getElementById("cpm").innerText = "该时间点查询无数据"; |
| | | } else { |
| | | if (getPollutionSourceData["e18"] === 0) { |
| | | document.getElementById("cpm").style.width = '380px'; |
| | | document.getElementById("cpm").innerText = "风速为0,无法溯源运算"; |
| | | } |
| | | if (typeof (getPollutionSourceData["e18"]) == "undefined") { |
| | | document.getElementById("cpm").style.width = '400px'; |
| | | document.getElementById("cpm").innerText = "设备无风速,无法溯源运算"; |
| | | } |
| | | if (typeof (getPollutionSourceData["e23"]) == "undefined") { |
| | | document.getElementById("cpm").style.width = '400px'; |
| | | document.getElementById("cpm").innerText = "设备无风向,无法溯源运算"; |
| | | } |
| | | if (typeof (getPollutionSourceData["e18"]) == "undefined" && typeof (getPollutionSourceData["e23"]) == "undefined") { |
| | | document.getElementById("cpm").style.width = '500px'; |
| | | document.getElementById("cpm").innerText = "设备无风速,无风向,无法溯源运算"; |
| | | } |
| | | } |
| | | document.getElementById("cpm").style.display = 'block'; |
| | | }, 250); |
| | | }; |