工业级后台API v2
blame | history | patch | commit | commitdiff | ignore whitespace
ZhuDongming
2019-08-19 60b3e6e819726a3470bf2b2eac358a538689b3e0 
 src/main/webapp/view/uavTrajectory.jsp


@@ -34,10 +34,77 @@


        padding: 0;


        list-style: none;


    }




    #cpm {


        width: 300px;


        height: 100px;


        position: absolute;


        background-color: #ffffff;


        display: none;


        left: 50%;


        top: 50%;


        margin-left: -150px;


        margin-top: -50px;


        z-index: 11;


        color: #000000;


        border: 2px solid #FF7F50;


        font-size: 28px;


        line-height: 100px;


        text-align: center;


    }




    .BMap_top {


        display: none;


    }




    .BMap_center {


        display: none;


    }




    .BMap_bubble_title {


        color: white;


        font-size: 13px;


        font-weight: bold;


        text-align: left;


        padding: 5px 5px 0 5px;


        background-color: #2DA0EB;


    }




    .BMap_bubble_content {


        background-color: white;


        padding: 5px 5px 10px 5px;


    }




    .BMap_pop img {


        top: 45px !important;


    }




    .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>


<div class="main_body">


    <div id="cpm">查无飞行轨迹</div>


    <div id="mapCanvas"></div> <!-- 百度地图 -->


    <!-- 传sensorInfo,regionCode,regionName,monitorPoint,device-->


    <div id="uavTrajectoryParams" style="display: none;">


@@ -53,87 +120,143 @@


        minZoom: 12,


        maxZoom: 20


    };*/


    var GPS = {


        PI: 3.14159265358979324,


        x_pi: 3.14159265358979324 * 3000.0 / 180.0,


        delta: function (lat, lon) {


            var a = 6378245.0; //  a: 卫星椭球坐标投影到平面地图坐标系的投影因子。


            var ee = 0.00669342162296594323; //  ee: 椭球的偏心率。


            var dLat = this.transformLat(lon - 105.0, lat - 35.0);


            var dLon = this.transformLon(lon - 105.0, lat - 35.0);


            var radLat = lat / 180.0 * this.PI;


            var magic = Math.sin(radLat);


            magic = 1 - ee * magic * magic;


            var sqrtMagic = Math.sqrt(magic);


            dLat = (dLat * 180.0) / ((a * (1 - ee)) / (magic * sqrtMagic) * this.PI);


            dLon = (dLon * 180.0) / (a / sqrtMagic * Math.cos(radLat) * this.PI);


            return {'lat': dLat, 'lon': dLon};


        },




        //WGS-84 to GCJ-02


        gcj_encrypt: function (wgsLat, wgsLon) {


            if (this.outOfChina(wgsLat, wgsLon))


                return {'lat': wgsLat, 'lon': wgsLon};




            var d = this.delta(wgsLat, wgsLon);


            return {'lat': wgsLat + d.lat, 'lon': wgsLon + d.lon};


        },


        //GCJ-02 to WGS-84


        gcj_decrypt: function (gcjLat, gcjLon) {


            if (this.outOfChina(gcjLat, gcjLon))


                return {'lat': gcjLat, 'lon': gcjLon};




            var d = this.delta(gcjLat, gcjLon);


            return {'lat': gcjLat - d.lat, 'lon': gcjLon - d.lon};


        },


        //GCJ-02 to WGS-84 exactly


        gcj_decrypt_exact: function (gcjLat, gcjLon) {


            var initDelta = 0.01;


            var threshold = 0.000000001;


            var dLat = initDelta, dLon = initDelta;


            var mLat = gcjLat - dLat, mLon = gcjLon - dLon;


            var pLat = gcjLat + dLat, pLon = gcjLon + dLon;


            var wgsLat, wgsLon, i = 0;


            while (1) {


                wgsLat = (mLat + pLat) / 2;


                wgsLon = (mLon + pLon) / 2;


                var tmp = this.gcj_encrypt(wgsLat, wgsLon)


                dLat = tmp.lat - gcjLat;


                dLon = tmp.lon - gcjLon;


                if ((Math.abs(dLat) < threshold) && (Math.abs(dLon) < threshold))


                    break;




                if (dLat > 0) pLat = wgsLat; else mLat = wgsLat;


                if (dLon > 0) pLon = wgsLon; else mLon = wgsLon;




                if (++i > 10000) break;


            }


            //console.log(i);


            return {'lat': wgsLat, 'lon': wgsLon};


        },


        //GCJ-02 to BD-09


        bd_encrypt: function (gcjLat, gcjLon) {


            var x = gcjLon, y = gcjLat;


            var z = Math.sqrt(x * x + y * y) + 0.00002 * Math.sin(y * this.x_pi);


            var theta = Math.atan2(y, x) + 0.000003 * Math.cos(x * this.x_pi);


            bdLon = z * Math.cos(theta) + 0.0065;


            bdLat = z * Math.sin(theta) + 0.006;


            return {'lat': bdLat, 'lon': bdLon};


        },


        //BD-09 to GCJ-02


        bd_decrypt: function (bdLat, bdLon) {


            var x = bdLon - 0.0065, y = bdLat - 0.006;


            var z = Math.sqrt(x * x + y * y) - 0.00002 * Math.sin(y * this.x_pi);


            var theta = Math.atan2(y, x) - 0.000003 * Math.cos(x * this.x_pi);


            var gcjLon = z * Math.cos(theta);


            var gcjLat = z * Math.sin(theta);


            return {'lat': gcjLat, 'lon': gcjLon};


        },


        //WGS-84 to Web mercator


        //mercatorLat -> y mercatorLon -> x


        mercator_encrypt: function (wgsLat, wgsLon) {


            var x = wgsLon * 20037508.34 / 180.;


            var y = Math.log(Math.tan((90. + wgsLat) * this.PI / 360.)) / (this.PI / 180.);


            y = y * 20037508.34 / 180.;


            return {'lat': y, 'lon': x};


        },


        // Web mercator to WGS-84


        // mercatorLat -> y mercatorLon -> x


        mercator_decrypt: function (mercatorLat, mercatorLon) {


            var x = mercatorLon / 20037508.34 * 180.;


            var y = mercatorLat / 20037508.34 * 180.;


            y = 180 / this.PI * (2 * Math.atan(Math.exp(y * this.PI / 180.)) - this.PI / 2);


            return {'lat': y, 'lon': x};


        },


        // two point's distance


        distance: function (latA, lonA, latB, lonB) {


            var earthR = 6371000.;


            var x = Math.cos(latA * this.PI / 180.) * Math.cos(latB * this.PI / 180.) * Math.cos((lonA - lonB) * this.PI / 180);


            var y = Math.sin(latA * this.PI / 180.) * Math.sin(latB * this.PI / 180.);


            var s = x + y;


            if (s > 1) s = 1;


            if (s < -1) s = -1;


            var alpha = Math.acos(s);


            var distance = alpha * earthR;


            return distance;


        },


        outOfChina: function (lat, lon) {


            if (lon < 72.004 || lon > 137.8347)


                return true;


            if (lat < 0.8293 || lat > 55.8271)


                return true;


            return false;


        },


        transformLat: function (x, y) {


            var ret = -100.0 + 2.0 * x + 3.0 * y + 0.2 * y * y + 0.1 * x * y + 0.2 * Math.sqrt(Math.abs(x));


            ret += (20.0 * Math.sin(6.0 * x * this.PI) + 20.0 * Math.sin(2.0 * x * this.PI)) * 2.0 / 3.0;


            ret += (20.0 * Math.sin(y * this.PI) + 40.0 * Math.sin(y / 3.0 * this.PI)) * 2.0 / 3.0;


            ret += (160.0 * Math.sin(y / 12.0 * this.PI) + 320 * Math.sin(y * this.PI / 30.0)) * 2.0 / 3.0;


            return ret;


        },


        transformLon: function (x, y) {


            var ret = 300.0 + x + 2.0 * y + 0.1 * x * x + 0.1 * x * y + 0.1 * Math.sqrt(Math.abs(x));


            ret += (20.0 * Math.sin(6.0 * x * this.PI) + 20.0 * Math.sin(2.0 * x * this.PI)) * 2.0 / 3.0;


            ret += (20.0 * Math.sin(x * this.PI) + 40.0 * Math.sin(x / 3.0 * this.PI)) * 2.0 / 3.0;


            ret += (150.0 * Math.sin(x / 12.0 * this.PI) + 300.0 * Math.sin(x / 30.0 * this.PI)) * 2.0 / 3.0;


            return ret;


        }


    };




    var mapStyle = {


        features: ["road", "building", "water", "land"], // 隐藏地图上的poi


        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});


    var trackPoints = []; //用来存放从后台获取到的所有历史轨迹点的数据


    var winfowText;


    var a1=-2;


    var coincidentpoints=[];


    if (sensorInfo.length > 0) {


        $.each(sensorInfo, function (item, value) {


            trackPoints.push(new BMap.Point(value.e76, value.e77));


        })


        for (var i = 0; i < trackPoints.length; i++) {


            var startPoint = trackPoints[i];


            var endPoint = trackPoints[i + 1];


            winfowText = "时间：" + sensorInfo[i].uavDate


                + "</br> 经度：" + sensorInfo[i].e76


                + "</br> 纬度：" + sensorInfo[i].e77


                + "</br> 高度：" + sensorInfo[i].e78


                + "</br> 速度x：" + sensorInfo[i].e79


                + "</br> 速度y：" + sensorInfo[i].e80


                + "</br> 速度z：" + sensorInfo[i].e81;


            for (var j = i + 1; j < trackPoints.length; j++) {


                if(startPoint.equals(trackPoints[j])&&i!=j){


                    a1=i;


                    coincidentpoints.push(j);


                }


                for(var x=0;x<coincidentpoints.length;x++){


                    if (i==a1||i==coincidentpoints[x]) {


                        winfowText = "时间：" + sensorInfo[a1].uavDate + "</br> 时间：" + sensorInfo[coincidentpoints[x]].uavDate;


                    }


                }


            }


            var marker;


            var startIcon = new BMap.Icon("/img/start.png", new BMap.Size(48, 48));


            var endIcon = new BMap.Icon("/img/end.png", new BMap.Size(48, 48));


            if (i == 0) {


                map.centerAndZoom(startPoint, 17);


                marker = new BMap.Marker(startPoint, {icon: startIcon, offset: new BMap.Size(0, -20)});


            }


            if (i == trackPoints.length - 1) {


                marker = new BMap.Marker(startPoint, {icon: endIcon, offset: new BMap.Size(0, -20)});


            }


            if (i != 0 && i != trackPoints.length - 1) {


                marker = new BMap.Marker(startPoint);


            }


            (function (x) {


                var infoWindow = new BMap.InfoWindow(winfowText, {enableMessage: false, width: 30, height: 130});


                marker.addEventListener("click", function () {


                    this.openInfoWindow(infoWindow);


                });


            })(i);


            map.addOverlay(marker);




            var polyline = new BMap.Polyline([


                    startPoint,


                    endPoint


                ],


                {strokeColor: "green", strokeWeight: 2, strokeOpacity: 1}


            );


            if (i < trackPoints.length - 1) {


                map.addOverlay(polyline);// 画两点间线


                addArrow(polyline, 5, Math.PI / 7);


            }


        }


    }


    var longitude;


    var latitude;


    var point;


    if (sensorInfo.length == 0) {


        longitude = 120.987287;


        latitude = 31.391562;


        point = new BMap.Point(longitude, latitude);


        map.centerAndZoom(point, 17);


        alert("查不到相关数据");


    }


    map.setCurrentCity("昆山");


    map.setMapStyle(mapStyle);


    map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放


@@ -143,6 +266,324 @@


    });


    map.addControl(navigation);


    map.addControl(new BMap.ScaleControl());


    if (sensorInfo.length == 0) {


        showNoFlightTrajectory();


    }


    var trackPoints = []; //用来存放从后台获取到的所有历史轨迹点的数据


    var coincidentPoints = new Array();


    var flyingParameters = ['经度', '纬度', '高度', '速度x', '速度y', '速度z'];


    var monitorParameters = ['PM2.5', 'PM10', '一氧化碳', '二氧化硫', '二氧化氮', '臭氧', 'VOCs总量', '气压', '温度', '湿度', '核辐射'];


    if (sensorInfo.length > 0) {


        $.each(sensorInfo, function (item, value) {


            if (typeof (value.经度) == "undefined") {


                showNoFlightTrajectory();


            } else {


                var lon = parseFloat(value.经度.substr(0, value.经度.length - 1));


                var lat = parseFloat(value.纬度.substr(0, value.纬度.length - 1));


                var lon1 = GPS.gcj_encrypt(lat, lon).lon;


                var lat1 = GPS.gcj_encrypt(lat, lon).lat;


                var lon2 = GPS.bd_encrypt(lat1, lon1).lon;


                var lat2 = GPS.bd_encrypt(lat1, lon1).lat;


                trackPoints.push(new BMap.Point(lon2, lat2));


            }


        })


        for (var i = 0; i < trackPoints.length; i++) {


            var flyingData = [];


            var monitorData = [];


            var flyingDataMin = [];


            var monitorDataMin = [];


            var flyingDataMax = [];


            var monitorDataMax = [];


            var list = new Array();


            var startPoint = trackPoints[i];


            var endPoint = trackPoints[i + 1];


            var marker;


            var distance = parseInt(map.getDistance(startPoint, endPoint)).toFixed(5);


            var arrowLength;//两点间箭头长度


            if (distance <= 5) {


                arrowLength = 0;


            } else if (distance > 5 && distance <= 20) {


                arrowLength = 2;


            } else if (distance > 20 && distance <= 50) {


                arrowLength = 3;


            } else if (distance > 50 && distance <= 100) {


                arrowLength = 5;


            } else if (distance > 100 && distance <= 200) {


                arrowLength = 10;


            } else if (distance > 200 && distance <= 500) {


                arrowLength = 20;


            } else if (distance > 500 && distance <= 1000) {


                arrowLength = 40;


            } else if (distance > 1000 && distance <= 2000) {


                arrowLength = 80;


            } else if (distance > 2000 && distance <= 3000) {


                arrowLength = 120;


            } else if (distance > 3000 && distance <= 10000) {


                arrowLength = 500;


            } else if (distance > 10000 && distance <= 20000) {


                arrowLength = 1000;


            } else if (distance > 20000 && distance <= 50000) {


                arrowLength = 2500;


            } else if (distance > 50000 && distance <= 100000) {


                arrowLength = 5000;


            } else if (distance > 100000 && distance <= 200000) {


                arrowLength = 10000;


            } else if (distance > 200000 && distance <= 500000) {


                arrowLength = 25000;


            } else if (distance > 500000 && distance <= 1000000) {


                arrowLength = 50000;


            } else if (distance > 1000000 && distance <= 2000000) {


                arrowLength = 100000;


            } else {


                arrowLength = 150000;


            }


            var polyline = new BMap.Polyline([


                    startPoint,


                    endPoint


                ],


                {strokeColor: "#5298FF", strokeWeight: 4, strokeOpacity: 1}


            );


            if (i < trackPoints.length - 1 && trackPoints.length > 1) {


                map.addOverlay(polyline);// 画两点间线


                if (i == 0) {


                    map.centerAndZoom(startPoint, 17);


                }


                addArrow(polyline, arrowLength, Math.PI / 7);


            } else if (trackPoints.length == 1) {


                map.centerAndZoom(trackPoints[0], 17);


            }


            if (coincidentPoints.indexOf(i) > -1) {


                //判断是否已经已经显示过该点的信息，避免重复。


                continue;


            }




            var startIcon = new BMap.Icon("/img/start.png", new BMap.Size(48, 48));


            var endIcon = new BMap.Icon("/img/end.png", new BMap.Size(48, 48));


            var aggregationIcon = new BMap.Icon("/img/aggregation.png", new BMap.Size(48, 48));


            if (i == trackPoints.length - 1) {


                marker = new BMap.Marker(startPoint, {icon: endIcon, offset: new BMap.Size(0, -20)});


            }


            if (i == 0) {


                marker = new BMap.Marker(startPoint, {icon: startIcon, offset: new BMap.Size(0, -20)});


            }


            if (i != 0 && i != trackPoints.length - 1) {


                marker = new BMap.Marker(startPoint);


            }


            var count = 0;


            var winfowText =


                '<div style="min-height:20px;overflow:auto;max-height:400px;" >';


            var opts = {


                width: 420,


                title: '<h4>时间：' + sensorInfo[i].时间 + '</h4>', // 信息窗口标题


                enableMessage: false, //设置允许信息窗发送短息


            }




            var optsCoincide = {


                width: 220,


                title: '<h4>重合点坐标信息</h4>', // 信息窗口标题


                enableMessage: false, //设置允许信息窗发送短息


            }




            for (var j = i + 1; j < trackPoints.length; j++) {


                distance = map.getDistance(trackPoints[i], trackPoints[j]).toFixed(5);


                if (distance <= 1.9) {


                    if (coincidentPoints.indexOf(i) == -1) {


                        coincidentPoints.push(i);


                        winfowText += '<p id="' + i + '" onclick="openInfo(this)" onmousemove="red(this.id)" onmouseout="black(this.id)">' + "时间：" + sensorInfo[i].时间 + "</p>";


                    }


                    coincidentPoints.push(j);


                    count++;


                    marker = new BMap.Marker(startPoint, {icon: aggregationIcon});


                    winfowTextAdd = '<p id="' + j + '" onclick="openInfo(this)" onmousemove="red(this.id)" onmouseout="black(this.id)">' + "时间：" + sensorInfo[j].时间 + "</p>";


                    winfowText += winfowTextAdd;


                }


            }


            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;margin-bottom: 1px">监测因子信息</h4>';


                for (var prop in monitorDataResult) {


                    if (monitorDataResult.hasOwnProperty(prop)) {


                        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)" onmousemove="moveChangeColor(this)" onmouseout="outChangeColor(this)" style="width:80px;height:18px;margin-top:2px;display: inline-block;position: absolute;right:120px;border-width: 0px;border-radius: 3px; background:#7C73E9;cursor: pointer; outline: none;color:white"/><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)" onmousemove="moveChangeColor(this)" onmouseout="outChangeColor(this)" style="width:80px;height:18px;margin-top:2px;display: inline-block;position: absolute;right:25px;border-width: 0px;border-radius: 3px; background:#7C73E9;cursor: pointer; outline: none;color:white"/><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;margin-bottom: 1px">飞行因子信息</h4>';


                for (var prop in flyingDataResult) {


                    if (flyingDataResult.hasOwnProperty(prop)) {


                        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)" onmousemove="moveChangeColor(this)" onmouseout="outChangeColor(this)" style="width:80px;height:18px;margin-top:2px;display: inline-block;position: absolute;right:120px;border-width: 0px;border-radius: 3px; background:#7C73E9;cursor: pointer; outline: none;color:white"/><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)" onmousemove="moveChangeColor(this)" onmouseout="outChangeColor(this)" style="width:80px;height:18px;margin-top:2px;display: inline-block;position: absolute;right:25px;border-width: 0px;border-radius: 3px; background:#7C73E9;cursor: pointer; outline: none;color:white"/><span id="dd' + i + flyingSensorsCount + '" style="width:80px;display: none;position: absolute;right:25px;text-align: center"></span>' + "</p>");


                    }


                }


                winfowText += "</div>";


            }




            (function (x) {


                if (coincidentPoints.indexOf(i) > -1) {


                    var infoWindow = new BMap.InfoWindow(winfowText, optsCoincide);


                } else {


                    var infoWindow = new BMap.InfoWindow(winfowText, opts);


                }


                marker.addEventListener("click", function () {


                    this.openInfoWindow(infoWindow);


                    $(".BMap_pop img").css('margin-left', '-10px');


                    for (var i = 0; i < list.length; i++) {


                        $("#" + list[i]).css('color', 'blue');


                    }


                });


            })(i);




            function openInfo(e) {


                if (list.indexOf(e.id) == -1) {


                    list.push(e.id);


                }


                var lona = parseFloat(sensorInfo[e.id].经度.substr(0, sensorInfo[e.id].经度.length - 1));


                var lata = parseFloat(sensorInfo[e.id].纬度.substr(0, sensorInfo[e.id].纬度.length - 1));


                var lona1 = GPS.gcj_encrypt(lata, lona).lon;


                var lata1 = GPS.gcj_encrypt(lata, lona).lat;


                var lona2 = GPS.bd_encrypt(lata1, lona1).lon;


                var lata2 = GPS.bd_encrypt(lata1, lata1).lat;


                var point = new BMap.Point(lona2, lata2);


                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;margin-bottom: 1px">监测因子信息</h4>';


                var monitorSensorsCoincideCount = -1;


                var flyingSensorsCoincideCount = -1;


                for (var prop in monitorDataCoincide) {


                    if (monitorDataCoincide.hasOwnProperty(prop)) {


                        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)" onmousemove="moveChangeColor(this)" onmouseout="outChangeColor(this)" style="width:80px;height:18px;margin-top:2px;display: inline-block;position: absolute;right:120px;border-width: 0px;border-radius: 3px; background:#7C73E9;cursor: pointer; outline: none;color:white "/><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)" onmousemove="moveChangeColor(this)" onmouseout="outChangeColor(this)" style="width:80px;height:18px;margin-top:2px;display: inline-block;position: absolute;right:25px;border-width: 0px;border-radius: 3px; background:#7C73E9;cursor: pointer; outline: none;color:white"/><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;margin-bottom: 1px">飞行因子信息</h4>';


                for (var prop in flyingDataCoincide) {


                    if (flyingDataCoincide.hasOwnProperty(prop)) {


                        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)" onmousemove="moveChangeColor(this)" onmouseout="outChangeColor(this)" style="width:80px;height:18px;margin-top:2px;display: inline-block;position: absolute;right:120px;border-width: 0px;border-radius: 3px; background:#7C73E9;cursor: pointer; outline: none;color:white "/><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)" onmousemove="moveChangeColor(this)" onmouseout="outChangeColor(this)" style="width:80px;height:18px;margin-top:2px;display: inline-block;position: absolute;right:25px;border-width: 0px;border-radius: 3px; background:#7C73E9;cursor: pointer; outline: none;color:white"/><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: 420,


                    title: '<h4>时间：' + sensorInfo[e.id].时间 + '</h4>', // 信息窗口标题


                    enableMessage: false, //设置允许信息窗发送短息


                }


                var infoWindow1 = new BMap.InfoWindow(winfowText1, optsCoincideChild);


                //开启信息窗口


                map.openInfoWindow(infoWindow1, point);


            }




            function red(x) {


                document.getElementById(x).style.color = "#FF1111";


                document.getElementById(x).style.cursor = "pointer";


            }




            function black(x) {


                if (list.length > 0) {


                    if (list.indexOf(x) == -1) {


                        document.getElementById(x).style.color = "#000000";


                    } else {


                        document.getElementById(x).style.color = "blue";


                    }


                } else {


                    document.getElementById(x).style.color = "#000000";


                }


            }




            function openInfoWindow() {


                map.openInfoWindow.apply(map, arguments); //开启信息窗口


            }




            function monitorDataSort(sensorMap, monitorData, monitorParameters) {


                for (var j = 0; j < monitorParameters.length; j++) {


                    $.map(sensorMap, function (value, key) {


                        if (monitorParameters[j] == key) {


                            monitorData[key] = sensorMap[key];


                        }


                    });


                }


                return monitorData;


            }




            function flyingDataSort(sensorMap, flyingData, flyingParameters) {


                for (var k = 0; k < flyingParameters.length; k++) {


                    $.map(sensorMap, function (value, key) {


                        if (flyingParameters[k] == key) {


                            flyingData[key] = sensorMap[key];


                        }


                    });


                }


                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();


            }




            function moveChangeColor(e) {


                $("#" + e.id).css('backgroundColor', '#A49EF0');


            }




            function outChangeColor(e) {


                $("#" + e.id).css('backgroundColor', '#7C73E9');


            }




            if (count > 0) {


                var lab;


                if (count > 0 && count <= 8) {


                    lab = new BMap.Label(count + 1, {position: startPoint, offset: new BMap.Size(-5, -9)});


                } else if (count > 8 && count <= 98) {


                    lab = new BMap.Label(count + 1, {position: startPoint, offset: new BMap.Size(-10, -9)});


                } else if (count > 98 && count <= 998) {


                    lab = new BMap.Label(count + 1, {position: startPoint, offset: new BMap.Size(-14, -9)});


                } else {


                    lab = new BMap.Label(count + 1, {position: startPoint, offset: new BMap.Size(-18, -9)});


                }


                lab.setStyle({


                    color: "#fff",


                    fontSize: "16px",


                    backgroundColor: "1",


                    border: "0",


                    fontWeight: "bold"


                });


                map.addOverlay(lab);


            }


            if (count == 0) {


                if (i != 0 && i != trackPoints.length - 1) {


                    var lab = new BMap.Label(count + 1, {position: startPoint, offset: new BMap.Size(-7, -22)});


                } else if (i == 0 || i == trackPoints.length - 1) {


                    var lab = new BMap.Label(count + 1, {position: startPoint, offset: new BMap.Size(-6, -21)});


                }


                lab.setStyle({


                    color: "#fff",


                    fontSize: "16px",


                    backgroundColor: "1",


                    border: "0",


                    fontWeight: "bold"


                });


                map.addOverlay(lab);


            }


            map.addOverlay(marker);


        }


    }




    function addArrow(polyline, length, angleValue) {


        var linePoint = polyline.getPath();// 线的坐标串


@@ -189,8 +630,19 @@


            var pointArrow1 = map.pixelToPoint(new BMap.Pixel(pixelX1, pixelY1));


            var pointMiddle = map.pixelToPoint(new BMap.Pixel(poMiddleX, poMiddleY));


            var Arrow = new BMap.Polyline([pointArrow, pointMiddle, pointArrow1],


                {strokeColor: "green", strokeWeight: 2, strokeOpacity: 1});


                {strokeColor: "#5298FF", strokeWeight: 4, strokeOpacity: 1});


            map.addOverlay(Arrow);


        }


    };




    function showNoFlightTrajectory() {


        var longitude = 120.987287;


        var latitude = 31.391562;


        var point = new BMap.Point(longitude, latitude);


        map.centerAndZoom(point, 17);


        setTimeout(function () {


            document.getElementById("cpm").style.display = 'block';


        }, 250);


    };




</script>