From dbf4de5e72e8ec72cd4ea36baf9072c87dcfb54a Mon Sep 17 00:00:00 2001
From: ZhuDongming <773644075@qq.com>
Date: Tue, 06 Aug 2019 15:25:21 +0800
Subject: [PATCH] 添加聚合点图片
---
src/main/webapp/view/uavTrajectory.jsp | 34 ++++++++++++++++++++++------------
1 files changed, 22 insertions(+), 12 deletions(-)
diff --git a/src/main/webapp/view/uavTrajectory.jsp b/src/main/webapp/view/uavTrajectory.jsp
index 25df3e1..b3408d3 100644
--- a/src/main/webapp/view/uavTrajectory.jsp
+++ b/src/main/webapp/view/uavTrajectory.jsp
@@ -136,9 +136,10 @@
);
if (i < trackPoints.length - 1) {
map.addOverlay(polyline);// ���������������
- if (i != 0) {
- addArrow(polyline, arrowLength, Math.PI / 7);
+ if (i == 0) {
+ map.centerAndZoom(startPoint, 17);
}
+ addArrow(polyline, arrowLength, Math.PI / 7);
}
if (coincidentPoints.indexOf(i) > -1) {
//������������������������������������������������������������������
@@ -148,7 +149,6 @@
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) {
@@ -158,7 +158,8 @@
marker = new BMap.Marker(startPoint);
}
var count = 0;
- var winfowText = "";
+ var winfowText =
+ '<div style="min-height:20px;overflow-y:auto;max-height:400px;" >';
for (var j = i + 1; j < trackPoints.length; j++) {
distance = map.getDistance(trackPoints[i], trackPoints[j]).toFixed(5);
if (distance <= 1.9) {
@@ -167,7 +168,7 @@
}
coincidentPoints.push(j);
count++;
- winfowTextAdd = '<p id="' + j + '" onclick="openInfo(this)">' + "���������" + sensorInfo[j].������ + "</p>";
+ winfowTextAdd = '<p id="' + j + '" onclick="openInfo(this)" onmousemove="red(this.id)" onmouseout="black(this.id)">' + "���������" + sensorInfo[j].������ + "</p>";
winfowText += winfowTextAdd;
if (j == trackPoints.length - 1) {
marker = new BMap.Marker(trackPoints[j], {icon: endIcon, offset: new BMap.Size(0, -20)});
@@ -176,15 +177,15 @@
}
if (coincidentPoints.indexOf(i) > -1) {
- winfowText = '<p id="' + i + '" onclick="openInfo(this)">' + "���������" + sensorInfo[i].������ + "</p>" + winfowText;
+ winfowText = '<p id="' + i + '" onclick="openInfo(this)" onmousemove="red(this.id)" onmouseout="black(this.id)">' + "���������" + sensorInfo[i].������ + "</p>" + winfowText + "</div>";
} else {
- for(var prop in sensorInfo[i]){
+ for (var prop in sensorInfo[i]) {
if (sensorInfo[i].hasOwnProperty(prop)) {
- winfowText+=(prop+"���"+sensorInfo[i][prop]+"</br>");
+ winfowText += (prop + "���" + sensorInfo[i][prop] + "</br>");
}
}
+ winfowText += "</div>";
}
-
(function (x) {
var infoWindow = new BMap.InfoWindow(winfowText, {enableMessage: false});
marker.addEventListener("click", function () {
@@ -194,10 +195,10 @@
function openInfo(e) {
var point = new BMap.Point(sensorInfo[e.id].������, sensorInfo[e.id].������);
- var winfowText1="";
- for(var prop in sensorInfo[e.id]){
+ var winfowText1 = "";
+ for (var prop in sensorInfo[e.id]) {
if (sensorInfo[e.id].hasOwnProperty(prop)) {
- winfowText1+=(prop+"���"+sensorInfo[e.id][prop]+"</br>");
+ winfowText1 += (prop + "���" + sensorInfo[e.id][prop] + "</br>");
}
}
var infoWindow1 = new BMap.InfoWindow(winfowText1, {enableMessage: false});
@@ -205,6 +206,15 @@
map.openInfoWindow(infoWindow1, point);
}
+ function red(x) {
+ document.getElementById(x).style.color = "#FF1111";
+ document.getElementById(x).style.cursor = "pointer";
+ }
+
+ function black(x) {
+ document.getElementById(x).style.color = "#000000";
+ }
+
if (count > 0) {
var lab = new BMap.Label(count + 1, {position: startPoint, offset: new BMap.Size(-7, -23)});
lab.setStyle({
--
Gitblit v1.8.0