Lora/Lora-Map
1
0
Fork 0
Code Issues 8 Pull Requests Releases 23 Wiki Activity

Add posibility to make the past of a marker visible

Browse Source
This commit is contained in:
BlubbFish 2021-08-31 23:02:27 +02:00
parent aa9c667d03
commit fcb73810fd
1 changed files with 56 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
Lora-Map/resources/js/marker.js
View File

@ -7,6 +7,7 @@
_Markers: {},
_Sensors: {},
_SensorSettings: {},
_History: {},
/// public functions
ChangeFilter: function (select) {
this.VisibleMarkers = {};
@ -53,6 +54,21 @@
return this;
},
/// private functions
_ClearHistory: function (key) {
if (Object.prototype.hasOwnProperty.call(this._History, key)) {
if (typeof this._History[key].Polyline === 'object') {
this._History[key].Polyline.remove();
delete this._History[key];
}
}
},
_CreateLatLonFromHist: function (key) {
var latlngs = [];
for (var i = 0; i < this._History[key].Items.length; i++) {
latlngs.push([this._History[key].Items[i][0], this._History[key].Items[i][1]]);
}
return latlngs;
},
_ParseAJAXLoc: function (serverLocation) {
this.LocationData = serverLocation;
for (var key in this.LocationData) {
@ -113,10 +129,15 @@
}
}
}
if (positionItem.History.length > 0) {
this._UpdateHistory(positionItem.History, key);
} else {
this._ClearHistory(key);
}
}
}
MenuObject.UpdateStatus();
MenuObject._Update_pannels_info();
MenuObject.UpdatePannelsInfo();
},
_ParseAJAXPanic: function (serverPanic) {
this.PanicData = serverPanic;
@ -167,5 +188,38 @@
}
}
}
},
_UpdateHistory: function (History, key) {
if (!Object.prototype.hasOwnProperty.call(this._History, key)) {
this._History[key] = { Items: History };
this._History[key].Polyline = L.polyline(this._CreateLatLonFromHist(key), { color: 'blue', weight: 2, bubblingMouseEvents: false, interactive: false }).addTo(MapObject.Map);
}
if (History[0][2] !== this._History[key].Items[0][2] || History[History.length - 1][2] !== this._History[key].Items[this._History[key].Items.length - 1][2]) {
if (History[History.length - 1][2] !== this._History[key].Items[this._History[key].Items.length - 1][2]) {
// Last element are different, so add element to the line
for (var i = History.length - 1; i >= 0; i--) {
if (History[i][2] === this._History[key].Items[this._History[key].Items.length - 1][2]) {
break;
}
}
for (var j = i + 1; j < History.length; j++) {
this._History[key].Items.push(History[j]);
}
}
if (History[0][2] !== this._History[key].Items[0][2]) {
//First elemt are different, so delete element from the line
var deletefirst = 0;
for (var k = 0; k < this._History[key].Items.length; k++) {
if (History[0][2] === this._History[key].Items[k][2]) {
break;
}
deletefirst++;
}
for (var l = 0; l < deletefirst; l++) {
this._History[key].Items.splice(0, 1);
}
}
this._History[key].Polyline.setLatLngs(this._CreateLatLonFromHist(key));
}
}
}.Start();