From b0a0bd4f256747754e1d63fb60fbb65f9bbcbc48 Mon Sep 17 00:00:00 2001
From: 于紫祥_1901 <email@yuzixiang_1910>
Date: Thu, 10 Sep 2020 08:38:49 +0800
Subject: [PATCH] 鼠标移入显示轨迹数据
---
src/main/webapp/view/cartrajectory.jsp | 36 ++++++++++++++++++++++++++++++++++--
1 files changed, 34 insertions(+), 2 deletions(-)
diff --git a/src/main/webapp/view/cartrajectory.jsp b/src/main/webapp/view/cartrajectory.jsp
index 19395c6..9897869 100644
--- a/src/main/webapp/view/cartrajectory.jsp
+++ b/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 == "������������") {
--
Gitblit v1.8.0