ZhuDongming
2019-08-23 d2286cf9de87e0553a248eea703b39734a95d529
新增信息弹窗内容
1 files modified
118 ■■■■■ changed files
src/main/webapp/view/pollutionsource.jsp 118 ●●●●● patch | view | raw | blame | history
src/main/webapp/view/pollutionsource.jsp
@@ -34,6 +34,51 @@
        padding: 0;
        list-style: none;
    }
    .BMap_top {
        display: none;
    }
    .BMap_center {
        display: none;
    }
    .BMap_bubble_title {
        color: white;
        padding: 0 5px 0 5px;
        background-color: #2DA0EB;
    }
    .BMap_bubble_content {
        background-color: white;
        padding: 5px;
    }
    .BMap_pop > img {
        top: 42px !important;
        margin-left: -10px;
    }
    .BMap_pop div:nth-child(1) div {
        display: none;
    }
    .BMap_pop div:nth-child(3) {
        display: none;
    }
    .BMap_pop div:nth-child(5) {
        display: none;
    }
    .BMap_pop div:nth-child(7) {
        display: none;
    }
    .BMap_pop div:nth-child(9) {
        top: 35px !important;
        border-radius: 5px;
    }
</style>
<body>
@@ -57,9 +102,7 @@
    var weatherInfoToday = params["weatherInfoToday"];
    var weatherInfoForecast = params["weatherInfoForecast"];
    var isToday = params["isToday"];
    console.log(weatherInfoToday);
    console.log(weatherInfoForecast);
    console.log(isToday);
    var month = params["month"];
    var device = params["device"];
    var cityName = params["weatherInfoToday"]["cityName"];
    var map = new BMap.Map("mapCanvas", {enableMapClick: false});
@@ -90,16 +133,24 @@
    var w = new BMap.Point(sw.lng, latitude);
    var e = new BMap.Point(ne.lng, latitude);
    var dirPoint;
    var humidity;
    var windLevel;
    if (Object.keys(weatherInfoForecast).length === 0) {
        var windDir = weatherInfoToday["windDir"];
        dirPoint = getWindDir(windDir, dirPoint);
        humidity = weatherInfoToday["humidity"];
        windLevel = weatherInfoToday["windLevel"];
    } else {
        if (isToday) {
            var windDir = weatherInfoToday["windDir"];
            dirPoint = getWindDir(windDir, dirPoint);
            humidity = weatherInfoToday["humidity"];
            windLevel = weatherInfoToday["windLevel"];
        } else {
            var windDir = weatherInfoForecast["windDirDay"];
            dirPoint = getWindDir(windDir, dirPoint);
            humidity = weatherInfoForecast["humidity"];
            windLevel = weatherInfoForecast["windLevelDay"];
        }
    }
    var polyline = new BMap.Polyline([
@@ -110,16 +161,65 @@
    );
    map.addOverlay(polyline);// 画两点间线
    addArrow(polyline, 50, Math.PI / 7);
    var winfowTextCause = "<p style='height: 44px;line-height: 22px'>汽车尾气,工厂废气,以及周边地区农田秸秆焚烧,污染传播途径是根据风向来做出调整</p>";
    var winfowTextSource;
    var supplement;
    if (month == 12 || month == 1 || month == 2) {
        if (humidity > 60 && windLevel < 2) {
            supplement = ",同时相对湿度超过60%,平均风速小于2m/s,高温、湿度较大,大气扩散条件较不利";
        } else if (humidity > 80 && windLevel < 2) {
            supplement = ",同时相对湿度超过80%,平均风速降低,在高湿、小风条件下,污染物易于累积和吸湿增长,促使污染二次生成";
        } else if (windLevel > 2) {
            supplement = ",但风速较大,大气扩散条件较有利,空气质量相对提升";
        } else {
            supplement = ",但湿度较低,大气扩散条件较有利";
        }
        winfowTextSource = "<p style='height: 22px;line-height: 22px'>压强升高气温降低,也会因冷空气带来的颗粒物,导致污染上升" + supplement + "</p>";
    } else if (month == 3 || month == 4 || month == 5) {
        if (humidity > 60 && windLevel < 2) {
            supplement = ",同时相对湿度超过60%,平均风速小于2m/s,高温、湿度较大,大气扩散条件较不利";
        } else if (humidity > 80 && windLevel < 2) {
            supplement = ",同时相对湿度超过80%,平均风速降低,在高湿、小风条件下,污染物易于累积和吸湿增长,促使污染二次生成";
        } else if (windLevel >= 2) {
            supplement = ",同时风速较大,大气扩散条件较有利,空气质量相对提升";
        } else {
            supplement = ",同时湿度较低,大气扩散条件较有利";
        }
        winfowTextSource = "<p style='height: 22px;line-height: 22px'>地面逆温频率的增加使污染物在近地层不断积累" + supplement + "</p>";
    } else if (month == 6 || month == 7) {
        if (humidity > 60 && windLevel < 2) {
            supplement = ",同时相对湿度超过60%,平均风速小于2m/s,高温、湿度较大,大气扩散条件较不利";
        } else if (humidity > 80 && windLevel < 2) {
            supplement = ",同时相对湿度超过80%,平均风速降低,在高湿、小风条件下,污染物易于累积和吸湿增长,促使污染二次生成";
        } else if (windLevel > 2) {
            supplement = ",同时风速较大,大气扩散条件较有利,空气质量相对提升";
        } else {
            supplement = ",同时湿度较低,大气扩散条件较有利";
        }
        winfowTextSource = "<p style='height: 22px;line-height: 22px'>夏季的气温条件不易发生逆温" + supplement + "</p>";
    } else if (month == 8 || month == 9 || month == 10 || month == 11) {
        if (humidity > 60 && windLevel < 2) {
            supplement = ",同时相对湿度超过60%,平均风速小于2m/s,高温、湿度较大,大气扩散条件较不利";
        } else if (humidity > 80 && windLevel < 2) {
            supplement = ",同时相对湿度超过80%,平均风速降低,在高湿、小风条件下,污染物易于累积和吸湿增长,促使污染二次生成";
        } else if (windLevel > 2) {
            supplement = ",同时风速较大,大气扩散条件较有利,空气质量相对提升";
        } else {
            supplement = ",同时湿度较低,大气扩散条件较有利";
        }
        winfowTextSource = "<p style='height: 22px;line-height: 22px'>太阳辐射强,大气氧化性增强,常发生光化学烟雾" + supplement + "</p>";
    }
    var winfowText =
        '<div style="min-height:20px;overflow:auto;max-height:330px;" >';
    var winfowText = '<div style="height:150px;" >';
    var opts = {
        width: 220,
        height: 220,
        width: 380,
        title: '<h3>污染分析</h3>',
        enableMessage: false //设置允许信息窗发送短息
    }
    winfowText += ("<p style='height: 22px;line-height: 22px'></p>");
    winfowText += '<h3 style="background-color: #CD5C5C;color:white;margin-bottom: 1px">污染来源</h3>';
    winfowText += winfowTextCause;
    winfowText += '<h3 style="background-color: #66CD00;color:white;margin-bottom: 1px">污染成因</h3>';
    winfowText += winfowTextSource;
    winfowText += "</div>";
    marker.addEventListener("click", function () {
        var infoWindow = new BMap.InfoWindow(winfowText, opts);