Implement zoom map on select

1 files changed, 4 insertions, 0 deletions

diff --git a/web/app/view/map/MapMarkerController.js b/web/app/view/map/MapMarkerController.js
index 44067dc6..a9732dd6 100644
--- a/web/app/view/map/MapMarkerController.js
+++ b/web/app/view/map/MapMarkerController.js
@@ -74,6 +74,7 @@ Ext.define('Traccar.view.map.MapMarkerController', {
         this.accuracyCircles = {};
         this.liveRoutes = {};
         this.liveRouteLength = Traccar.app.getAttributePreference('web.liveRouteLength', 10);
+        this.selectZoom = Traccar.app.getAttributePreference('web.selectZoom', 0);
     },
 
     getAreaStyle: function (label, color) {
@@ -454,6 +455,9 @@ Ext.define('Traccar.view.map.MapMarkerController', {
             marker.changed();
             if (center) {
                 this.getView().getMapView().setCenter(marker.getGeometry().getCoordinates());
+                if (this.selectZoom !== 0 && this.selectZoom > this.getView().getMapView().getZoom()) {
+                    this.getView().getMapView().setZoom(this.selectZoom);
+                }
             }
         }