鼠标移入显示轨迹数据

于紫祥_1901

2020-09-10 b0a0bd4f256747754e1d63fb60fbb65f9bbcbc48

鼠标移入显示轨迹数据

 src/main/webapp/view/cartrajectory.jsp

@@ -301,7 +301,7 @@
            } else if (pm2_5 > 150) {
                traceColor = "#FF0000";
            }
            drowLine(map, trackPoints[i], trackPoints[i + 1], traceColor);//画线调用
            drowLine(map, trackPoints[i],trackPoints[0].lat, trackPoints[i + 1], traceColor,sensorInfo[i]);//画线调用
            i = i + 1;
        }, 20);
    }
@@ -316,7 +316,7 @@
    }

    // 划线
    function drowLine(map, PointArr, PointArrNext, traceColor) {
    function drowLine(map, PointArr,lat, PointArrNext, traceColor,info) {
        if (PointArrNext != undefined) {
            var polyline = new BMap.Polyline(
                [
@@ -329,12 +329,44 @@
                    strokeOpacity: 1
                });   //创建折线
            map.addOverlay(polyline);
            var winOpts = {
                width: 250, // 信息窗口宽度
                height: 175, // 信息窗口高度
            }
            var textArea = "<div style='width: 250px;height: 200px;margin-left: -8px'>";
            if (lat==PointArr.lat){
                var data="<p style='line-height:150px;color: red;font-size: 24px;text-align: center '>"+"暂无数据"+"</p>"
                textArea=textArea+data+"</div>";
            }else {
                var data="<p style='height: 30px;font-size: 15px;font-weight: bold;padding: 10px 0 0 13px;color: #2aabd2'>"+"走航信息"+"</p>";
                data=data+"<p style='padding:10px 0 0 18px '>"+"时间："+info["time"]+"</p>";
                data=data+"<p style='padding:10px 0 0 18px '>"+"PM2.5："+info["e1"]+"</p>";
                data=data+"<p style='padding:10px 0 0 18px '>"+"PM10："+info["e2"]+"</p>";
                data=data+"<p style='padding:10px 0 0 18px '>"+"VOCs总量："+info["e40"]+"</p>";
                textArea=textArea+data+"</div>";
            }

            var infoWindow = new BMap.InfoWindow(textArea,winOpts);
            var lon = parseFloat(info.e76.substr(0, info.e76.length - 1));
            var lat = parseFloat(info.e77.substr(0, info.e77.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;
            var point1=new BMap.Point(lon2,lat2);
            polyline.addEventListener('mouseover',function () {
                map.openInfoWindow(infoWindow,point1); //开启信息窗口
            })
            polyline.addEventListener('mouseout',function () {
                map.closeInfoWindow(infoWindow,point1); //关闭信息窗口
            })
            addMarkerEnd(new BMap.Point(PointArrNext.lng, PointArrNext.lat), '小车行驶', map, PointArrNext, new BMap.Point(PointArr.lng, PointArr.lat));//添加图标
        } else {
            addMarkerEnd(new BMap.Point(PointArr.lng, PointArr.lat), '终点', map);//添加终点图标
        }
    }


    //添加行驶和终点图标
    function addMarkerEnd(point, name, mapInit, trackUnit, prePoint) {
        if (name == "小车行驶") {