diff --git a/resident-ui/src/app/feature/booking/map/map.component.ts b/resident-ui/src/app/feature/booking/map/map.component.ts
index 61c3b8f9..d2948359 100644
--- a/resident-ui/src/app/feature/booking/map/map.component.ts
+++ b/resident-ui/src/app/feature/booking/map/map.component.ts
@@ -102,14 +102,19 @@ export class MapComponent implements OnInit {
 
     this.view = new OlView({
       center: fromLonLat(this.lonLat),
-      zoom: 14
+      zoom: 14,                        // Set the zoom level manually
+      maxZoom: 12,
+      minZoom: 5,
+      zoomControl: false,
+      scaleControl: false,
+      scrollwheel: false,
     });
 
     this.map = new OlMap({
       target: 'map',
       // Added both layers
       layers: [this.tileLayer, this.vectorLayer],
-      view: this.view
+      view: this.view,
     });
   }