新增页面无人机查询最大值和最小值的功能

ZhuDongming

2019-08-15 17c9b0305aaf3f48ea090e14dbcc3e6ab4f399c2

 src/main/webapp/view/uavTrajectory.jsp

@@ -77,7 +77,7 @@

    .BMap_pop img {
        top: 45px !important;
        left: 220px !important;
        left: 420px !important;
    }

    .BMap_pop div:nth-child(1) div {
@@ -126,8 +126,9 @@
        style: "normal" // 设置地图风格为高端黑
    };
    var params = $.parseJSON($("#uavTrajectoryParams").html());
    moralMap['params'] = params;
    var sensorInfo = params["sensorInfo"];
    var sensorInfoMin = params["sensorInfoMin"];
    var sensorInfoMax = params["sensorInfoMax"];
    //var map = new BMap.Map("mapCanvas", defaultParam);
    var map = new BMap.Map("mapCanvas", {enableMapClick: false});
    map.setCurrentCity("昆山");
@@ -157,6 +158,10 @@
        for (var i = 0; i < trackPoints.length; i++) {
            var flyingData=[];
            var monitorData=[];
            var flyingDataMin = [];
            var monitorDataMin = [];
            var flyingDataMax = [];
            var monitorDataMax = [];
            var startPoint = trackPoints[i];
            var endPoint = trackPoints[i + 1];
            var marker;
@@ -235,14 +240,14 @@
            var winfowText =
                '<div style="min-height:20px;overflow:auto;max-height:400px;" >';
            var opts = {
                width: 220,
                width: 420,
                title: '<h4>时间：'+sensorInfo[i].时间+'</h4>', // 信息窗口标题
                enableMessage: false, //设置允许信息窗发送短息
            }

            var optsCoincide = {
                width: 220,
                title: '<h4>重合坐标信息</h4>', // 信息窗口标题
                title: '<h4>重合点坐标信息</h4>', // 信息窗口标题
                enableMessage: false, //设置允许信息窗发送短息
            }

@@ -262,19 +267,23 @@
            }
            var monitorDataResult=monitorDataSort(sensorInfo[i],monitorData,monitorParameters);
            var flyingDataResult=flyingDataSort(sensorInfo[i],flyingData,flyingParameters);
            var monitorSensorsCount = -1;
            var flyingSensorsCount = -1;
            if (coincidentPoints.indexOf(i) > -1) {
                winfowText = winfowText + "</div>";
            } else {
                winfowText +='<h4 style="background-color: #CD5C5C;color:white">监测因子信息</h4>';
                winfowText += '<h4 style="background-color: #CD5C5C;color:white;margin-bottom: 1px">监测因子信息</h4>';
                for (var prop in monitorDataResult) {
                    if (monitorDataResult.hasOwnProperty(prop)) {
                        winfowText += (prop + "：" + monitorDataResult[prop] + "</br>");
                        monitorSensorsCount++;
                        winfowText += ("<p style='height: 22px;line-height: 22px'>" + prop + "：" + monitorDataResult[prop] + '<input id="a' + i + monitorSensorsCount + '" class="' + i + '" type="button" value="最小值" onclick="showMonitorMinOrMax(this,sensorInfoMin,monitorDataMin,monitorParameters)" style="width:80px;display: inline-block;position: absolute;right:120px"/><span id="aa' + i + monitorSensorsCount + '" style="width:80px;display: none;position: absolute;right:120px;text-align: center"></span><input id="b' + i + monitorSensorsCount + '" class="' + i + '" type="button" value="最大值" onclick="showMonitorMinOrMax(this,sensorInfoMax,monitorDataMax,monitorParameters)" style="width:80px;display: inline-block;position: absolute;right:25px"/><span id="bb' + i + monitorSensorsCount + '" style="width:80px;display: none;position: absolute;right:25px;text-align: center"></span>' + "</p>");
                    }
                }
                winfowText +='<h4 style="background-color: #66CD00;color:white">飞行因子信息</h4>';
                winfowText += '<h4 style="background-color: #66CD00;color:white;margin-bottom: 1px">飞行因子信息</h4>';
                for (var prop in flyingDataResult) {
                    if (flyingDataResult.hasOwnProperty(prop)) {
                        winfowText += (prop + "：" + flyingDataResult[prop] + "</br>");
                        flyingSensorsCount++;
                        winfowText += ("<p style='height: 22px;line-height: 22px'>" + prop + "：" + flyingDataResult[prop] + '<input id="c' + i + flyingSensorsCount + '" class="' + i + '" type="button" value="最小值" onclick="showFlyingMinOrMax(this,sensorInfoMin,flyingDataMin,flyingParameters)" style="width:80px;display: inline-block;position: absolute;right:120px"/><span id="cc' + i + flyingSensorsCount + '" style="width:80px;display: none;position: absolute;right:120px;text-align: center"></span><input id="d' + i + flyingSensorsCount + '" class="' + i + '" type="button" value="最大值" onclick="showFlyingMinOrMax(this,sensorInfoMax,flyingDataMax,flyingParameters)" style="width:80px;display: inline-block;position: absolute;right:25px"/><span id="dd' + i + flyingSensorsCount + '" style="width:80px;display: none;position: absolute;right:25px;text-align: center"></span>' + "</p>");
                    }
                }
                winfowText += "</div>";
@@ -295,25 +304,33 @@
                var point = new BMap.Point(sensorInfo[e.id].经度.substr(0, sensorInfo[e.id].经度.length - 1), sensorInfo[e.id].纬度.substr(0, sensorInfo[e.id].纬度.length - 1));
                var flyingData=[];
                var monitorData=[];
                var flyingDataMin = [];
                var monitorDataMin = [];
                var flyingDataMax = [];
                var monitorDataMax = [];
                var monitorDataCoincide=monitorDataSort(sensorInfo[e.id],monitorData,monitorParameters);
                var flyingDataCoincide=flyingDataSort(sensorInfo[e.id],flyingData,flyingParameters);
                var winfowText1 =
                    '<div style="min-height:20px;overflow:auto;max-height:400px;" >';
                winfowText1 +='<h4 style="background-color: #CD5C5C;color:white">监测因子信息</h4>';
                winfowText1 += '<h4 style="background-color: #CD5C5C;color:white;margin-bottom: 1px">监测因子信息</h4>';
                var monitorSensorsCoincideCount = -1;
                var flyingSensorsCoincideCount = -1;
                for (var prop in monitorDataCoincide) {
                    if (monitorDataCoincide.hasOwnProperty(prop)) {
                        winfowText1 += (prop + "：" + monitorDataCoincide[prop] + "</br>");
                        monitorSensorsCoincideCount++;
                        winfowText1 += ("<p style='height: 22px;line-height: 22px'>" + prop + "：" + monitorDataCoincide[prop] + '<input id="e' + e.id + monitorSensorsCoincideCount + '" class="' + e.id + '" type="button" value="最小值" onclick="showMonitorMinOrMax(this,sensorInfoMin,monitorDataMin,monitorParameters)" style="width:80px;display: inline-block;position: absolute;right:120px"/><span id="ee' + e.id + monitorSensorsCoincideCount + '" style="width:80px;display: none;position: absolute;right:120px;text-align: center"></span><input id="f' + e.id + monitorSensorsCoincideCount + '" class="' + e.id + '" type="button" value="最大值" onclick="showMonitorMinOrMax(this,sensorInfoMax,monitorDataMax,monitorParameters)" style="width:80px;display: inline-block;position: absolute;right:25px"/><span id="ff' + e.id + monitorSensorsCoincideCount + '" style="width:80px;display: none;position: absolute;right:25px;text-align: center"></span>' + "</p>");
                    }
                }
                winfowText1 +='<h4 style="background-color: #66CD00;color:white">飞行因子信息</h4>';
                winfowText1 += '<h4 style="background-color: #66CD00;color:white;margin-bottom: 1px">飞行因子信息</h4>';
                for (var prop in flyingDataCoincide) {
                    if (flyingDataCoincide.hasOwnProperty(prop)) {
                        winfowText1 += (prop + "：" + flyingDataCoincide[prop] + "</br>");
                        flyingSensorsCoincideCount++;
                        winfowText1 += ("<p style='height: 22px;line-height: 22px'>" + prop + "：" + flyingDataCoincide[prop] + '<input id="g' + e.id + flyingSensorsCoincideCount + '" class="' + e.id + '" type="button" value="最小值" onclick="showFlyingMinOrMax(this,sensorInfoMin,flyingDataMin,flyingParameters)" style="width:80px;display: inline-block;position: absolute;right:120px"/><span id="gg' + e.id + flyingSensorsCoincideCount + '" style="width:80px;display: none;position: absolute;right:120px;text-align: center"></span><input id="h' + e.id + flyingSensorsCoincideCount + '" class="' + e.id + '" type="button" value="最大值" onclick="showFlyingMinOrMax(this,sensorInfoMax,flyingDataMax,flyingParameters)" style="width:80px;display: inline-block;position: absolute;right:25px"/><span id="hh' + e.id + flyingSensorsCoincideCount + '" style="width:80px;display: none;position: absolute;right:25px;text-align: center"></span>' + "</p>");
                    }
                }
                winfowText1 += "</div>";
                var optsCoincideChild = {
                    width: 220,
                    width: 420,
                    title: '<h4>时间：'+sensorInfo[e.id].时间+'</h4>', // 信息窗口标题
                    enableMessage: false, //设置允许信息窗发送短息
                }
@@ -357,6 +374,22 @@
                return flyingData;
            }

            function showMonitorMinOrMax(e, sensorInfoMinOrMax, monitorDataMinOrMax, monitorParameters) {
                var i = $("#" + e.id).attr('class');
                var monitorDataResultMinOrMax = monitorDataSort(sensorInfoMinOrMax[i], monitorDataMinOrMax, monitorParameters);
                $("#" + e.id).hide();
                $("#" + e.id.substr(0, 1) + e.id).html(monitorDataResultMinOrMax[monitorParameters[e.id.substr(1 + i.length, e.id.length)]]);
                $("#" + e.id.substr(0, 1) + e.id).show();
            }

            function showFlyingMinOrMax(e, sensorInfoMinOrMax, flyingDataMinOrMax, flyingParameters) {
                var i = $("#" + e.id).attr('class');
                var flyingDataResultMinOrMax = flyingDataSort(sensorInfoMinOrMax[i], flyingDataMinOrMax, flyingParameters);
                $("#" + e.id).hide();
                $("#" + e.id.substr(0, 1) + e.id).html(flyingDataResultMinOrMax[flyingParameters[e.id.substr(1 + i.length, e.id.length)]]);
                $("#" + e.id.substr(0, 1) + e.id).show();
            }

            if (count > 0) {
                var lab;
                if (count > 0 && count <= 8) {