ZhuDongming
2019-08-12 217ed5eaab142370b1ba71188abddb5bc1a540ab
修改无人机信息弹窗显示效果
1 files modified
116 ■■■■ changed files
src/main/webapp/view/uavTrajectory.jsp 116 ●●●● patch | view | raw | blame | history
src/main/webapp/view/uavTrajectory.jsp
@@ -36,22 +36,74 @@
    }
    #cpm {
        width:300px;
        height:100px;
        width: 300px;
        height: 100px;
        position: absolute;
        background-color: #ffffff;
        display: none;
        left:50%;
        top:50%;
        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;
        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-left: 5px;
        padding-top: 5px;
        background-color: #2DA0EB;
    }
    .BMap_bubble_content {
        background-color: white;
        padding-left: 5px;
        padding-top: 5px;
        padding-bottom: 10px;
    }
    .BMap_pop img {
        top: 45px !important;
        left: 220px !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>
@@ -90,28 +142,17 @@
    });
    map.addControl(navigation);
    map.addControl(new BMap.ScaleControl());
    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);
        document.getElementById("cpm").style.display='block';
        showNoFlightTrajectory();
    }
    var trackPoints = []; //用来存放从后台获取到的所有历史轨迹点的数据
    var coincidentPoints = new Array();
    if (sensorInfo.length > 0) {
        $.each(sensorInfo, function (item, value) {
            if(typeof(value.经度)=="undefined"){
                longitude = 120.987287;
                latitude = 31.391562;
                point = new BMap.Point(longitude, latitude);
                map.centerAndZoom(point, 17);
                document.getElementById("cpm").style.display='block';
            }else{
                trackPoints.push(new BMap.Point(value.经度.substr(0,value.经度.length-1), value.纬度.substr(0,value.纬度.length-1)));
            if (typeof (value.经度) == "undefined") {
                showNoFlightTrajectory();
            } else {
                trackPoints.push(new BMap.Point(value.经度.substr(0, value.经度.length - 1), value.纬度.substr(0, value.纬度.length - 1)));
            }
        })
        for (var i = 0; i < trackPoints.length; i++) {
@@ -189,7 +230,13 @@
            }
            var count = 0;
            var winfowText =
                '<div style="min-height:20px;overflow-y:auto;max-height:400px;" >';
                '<div style="min-height:20px;overflow:auto;max-height:400px;" >';
            var opts = {
                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) {
@@ -214,22 +261,25 @@
                }
                winfowText += "</div>";
            }
            (function (x) {
                var infoWindow = new BMap.InfoWindow(winfowText, {enableMessage: false});
                var infoWindow = new BMap.InfoWindow(winfowText, opts);
                marker.addEventListener("click", function () {
                    this.openInfoWindow(infoWindow);
                });
            })(i);
            function openInfo(e) {
                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 winfowText1 = "";
                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 winfowText1 =
                    '<div style="min-height:20px;overflow:auto;max-height:400px;" >';
                for (var prop in sensorInfo[e.id]) {
                    if (sensorInfo[e.id].hasOwnProperty(prop)) {
                        winfowText1 += (prop + ":" + sensorInfo[e.id][prop] + "</br>");
                    }
                }
                var infoWindow1 = new BMap.InfoWindow(winfowText1, {enableMessage: false});
                winfowText1 += "</div>";
                var infoWindow1 = new BMap.InfoWindow(winfowText1, opts);
                //开启信息窗口
                map.openInfoWindow(infoWindow1, point);
            }
@@ -321,4 +371,14 @@
        }
    };
    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>