From 044360a4556a695a3c44799a4465a3b494624c9c Mon Sep 17 00:00:00 2001
From: Owen Guillot <olivierguillot@Owens-MacBook-Pro.local>
Date: Wed, 29 Mar 2023 01:18:44 +0100
Subject: [PATCH] min and max zoom limits & bounding box

---
 src/pages/MapPage.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/pages/MapPage.vue b/src/pages/MapPage.vue
index 59eb804..0a16477 100644
--- a/src/pages/MapPage.vue
+++ b/src/pages/MapPage.vue
@@ -97,7 +97,7 @@
 </transition>
 
 <ol-map :loadTilesWhileAnimating="true" :loadTilesWhileInteracting="true" style="position:absolute; height:90.6vh; width:100%;">
-    <ol-view ref="view" :center="center" :rotation="rotation" :zoom="zoom" :projection="projection" />
+    <ol-view ref="view" :center="center" :rotation="rotation" :zoom="zoom" :projection="projection" :extent="extent" :minZoom="minZoom" :maxZoom="maxZoom"/>
     <ol-tile-layer>
     <ol-source-osm />
     </ol-tile-layer>
@@ -171,10 +171,13 @@ export default {
       });
 
       return {
+          extent: [-1720789.765956, 5561831.292724, 794742.222406, 8306950.728974],
           center: fromLonLat([-7.5029786, 53.4494762]),
           projection: 'EPSG:3857',
           zoom: 7,
           rotation: 0,
+          minZoom:6,
+          maxZoom:10,
 
           showTrains: [],
           showStations: [],