aboutsummaryrefslogtreecommitdiff
path: root/web/app/view/MapController.js
diff options
context:
space:
mode:
authorAbyss777 <abyss@fox5.ru>2016-10-27 10:33:22 +0500
committerAbyss777 <abyss@fox5.ru>2016-10-27 10:33:22 +0500
commit1fd5eb5ca7e2b4cfa1f1e373a3602825d8fa07c0 (patch)
tree14cb9a24f9eb7ed877e567710cdab960a1f726dc /web/app/view/MapController.js
parentf6915ca3bf4e8c2d9df5eb4cd5283614d4dd747e (diff)
downloadtrackermap-web-1fd5eb5ca7e2b4cfa1f1e373a3602825d8fa07c0.tar.gz
trackermap-web-1fd5eb5ca7e2b4cfa1f1e373a3602825d8fa07c0.tar.bz2
trackermap-web-1fd5eb5ca7e2b4cfa1f1e373a3602825d8fa07c0.zip
Implement live routes
Diffstat (limited to 'web/app/view/MapController.js')
-rw-r--r--web/app/view/MapController.js63
1 files changed, 58 insertions, 5 deletions
diff --git a/web/app/view/MapController.js b/web/app/view/MapController.js
index c2477860..36092cad 100644
--- a/web/app/view/MapController.js
+++ b/web/app/view/MapController.js
@@ -1,5 +1,5 @@
/*
- * Copyright 2015 Anton Tananaev (anton.tananaev@gmail.com)
+ * Copyright 2015 - 2016 Anton Tananaev (anton.tananaev@gmail.com)
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
@@ -65,18 +65,29 @@ Ext.define('Traccar.view.MapController', {
init: function () {
this.latestMarkers = {};
this.reportMarkers = {};
+ this.liveRoutes = {};
+ this.liveRouteLength = Traccar.app.getAttributePreference('web.liveRouteLength', 10);
this.getView().header = {
xtype: 'header',
title: Strings.mapTitle,
- items: [{
+ defaults: {
xtype: 'button',
+ tooltipType: 'title',
+ margin: Traccar.Style.headerButtonsMargin
+ },
+ items: [{
handler: 'showGeofences',
reference: 'showGeofencesButton',
glyph: 'xf21d@FontAwesome',
enableToggle: true,
pressed: true,
- tooltip: Strings.sharedGeofences,
- tooltipType: 'title'
+ tooltip: Strings.sharedGeofences
+ }, {
+ handler: 'showLiveRoutes',
+ reference: 'showLiveRoutes',
+ glyph: 'xf1b0@FontAwesome',
+ enableToggle: true,
+ tooltip: Strings.mapLiveRoutes
}]
};
},
@@ -129,8 +140,13 @@ Ext.define('Traccar.view.MapController', {
return Ext.getCmp('deviceFollowButton') && Ext.getCmp('deviceFollowButton').pressed;
},
+ showLiveRoutes: function (button) {
+ this.getView().getLiveRouteLayer().setVisible(button.pressed);
+ },
+
updateLatest: function (store, data) {
- var i, position, geometry, device, deviceId, marker, style;
+ var i, position, geometry, device, deviceId, marker, style,
+ liveMarker, liveStyle, liveLine, lastLiveCoordinates;
if (!Ext.isArray(data)) {
data = [data];
@@ -166,6 +182,43 @@ Ext.define('Traccar.view.MapController', {
if (marker === this.selectedMarker && this.followSelected()) {
this.getView().getMapView().setCenter(marker.getGeometry().getCoordinates());
}
+
+ if (deviceId in this.liveRoutes) {
+ lastLiveCoordinates = this.liveRoutes[deviceId][this.liveRoutes[deviceId].length - 1].getGeometry().getCoordinates();
+ if (lastLiveCoordinates[0] === geometry.getCoordinates()[0] &&
+ lastLiveCoordinates[1] === geometry.getCoordinates()[1]) {
+ continue;
+ }
+ if (this.liveRoutes[deviceId].length >= this.liveRouteLength * 2) {
+ this.getView().getLiveRouteSource().removeFeature(this.liveRoutes[deviceId].shift());
+ this.getView().getLiveRouteSource().removeFeature(this.liveRoutes[deviceId].shift());
+ }
+ liveLine = new ol.Feature({
+ geometry: new ol.geom.LineString([
+ lastLiveCoordinates,
+ ol.proj.fromLonLat([
+ position.get('longitude'),
+ position.get('latitude')
+ ])
+ ])
+ });
+ liveLine.setStyle(this.getRouteStyle(position.get('deviceId')));
+ this.liveRoutes[deviceId].push(liveLine);
+ this.getView().getLiveRouteSource().addFeature(liveLine);
+ } else {
+ this.liveRoutes[deviceId] = [];
+ }
+
+ liveMarker = new ol.Feature(geometry);
+
+ this.liveRoutes[deviceId].push(liveMarker);
+ this.getView().getLiveRouteSource().addFeature(liveMarker);
+
+ liveStyle = this.getReportMarker(position.get('deviceId'));
+ liveStyle.getImage().setRotation(position.get('course') * Math.PI / 180);
+
+ liveMarker.setStyle(liveStyle);
+
}
}
},