diff options
Diffstat (limited to 'web/app/view/map')
| -rw-r--r-- | web/app/view/map/Map.js | 4 | ||||
| -rw-r--r-- | web/app/view/map/MapController.js | 20 |
2 files changed, 21 insertions, 3 deletions
diff --git a/web/app/view/map/Map.js b/web/app/view/map/Map.js index 449293e2f..bf1f1328b 100644 --- a/web/app/view/map/Map.js +++ b/web/app/view/map/Map.js @@ -38,7 +38,7 @@ Ext.define('Traccar.view.map.Map', { source: this.vectorSource }); - var view = new ol.View({ + this.mapView = new ol.View({ center: ol.proj.fromLonLat(styles.map_center), zoom: styles.map_zoom, maxZoom: styles.map_max_zoom @@ -47,7 +47,7 @@ Ext.define('Traccar.view.map.Map', { this.map = new ol.Map({ target: this.body.dom.id, layers: [ layer, vectorLayer ], - view: view + view: this.mapView }); }, 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) { |