Implement selection panning

1 files changed, 19 insertions, 1 deletions

diff --git a/web/app/view/map/MapController.js b/web/app/view/map/MapController.js
index 0d5176d09..5cde39494 100644
--- a/web/app/view/map/MapController.js
+++ b/web/app/view/map/MapController.js
@@ -144,7 +144,25 @@ Ext.define('Traccar.view.map.MapController', {
     },
 
     selectPosition: function(position) {
-        console.log(position); // DELME
+        if (this.currentPosition === undefined) {
+            this.currentPosition = new ol.Feature({
+                style: this.getLineStyle(styles.map_report_route)
+            });
+            this.getView().vectorSource.addFeature(this.currentPosition);
+        }
+
+        var point = ol.proj.fromLonLat([
+            position.get('longitude'), position.get('latitude')
+        ]);
+
+        this.currentPosition.setGeometry(new ol.geom.Point(point));
+
+        var pan = ol.animation.pan({
+            duration: styles.map_delay,
+            source: this.getView().mapView.getCenter()
+        });
+        this.getView().map.beforeRender(pan);
+        this.getView().mapView.setCenter(point);
     },
 
     selectDevice: function(device) {