From 2bc5e51d654217dcf4331ab60e256b3326ae688d Mon Sep 17 00:00:00 2001
From: Thomas Mills <mills.thoma@gmail.com>
Date: Wed, 17 Jul 2024 11:48:14 +0200
Subject: [PATCH] fix min and max zoom levels

---
 src/pages/ContextExamples/Position/Map.tsx           | 2 +-
 src/pages/ReactLeaflet/GeoJSONLayer/GeoJSONLayer.tsx | 2 ++
 src/pages/ReactLeaflet/WMSLayer/WMSLayer.tsx         | 2 ++
 3 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/pages/ContextExamples/Position/Map.tsx b/src/pages/ContextExamples/Position/Map.tsx
index 7352e84..ac4a44e 100644
--- a/src/pages/ContextExamples/Position/Map.tsx
+++ b/src/pages/ContextExamples/Position/Map.tsx
@@ -30,7 +30,7 @@ const Map: FunctionComponent = () => {
       ],
       zoomControl: false,
       maxZoom: 16,
-      minZoom: 3,
+      minZoom: 6,
       crs: getCrsRd(),
       maxBounds: [
         [52.25168, 4.64034],
diff --git a/src/pages/ReactLeaflet/GeoJSONLayer/GeoJSONLayer.tsx b/src/pages/ReactLeaflet/GeoJSONLayer/GeoJSONLayer.tsx
index b99e43a..243e3cb 100644
--- a/src/pages/ReactLeaflet/GeoJSONLayer/GeoJSONLayer.tsx
+++ b/src/pages/ReactLeaflet/GeoJSONLayer/GeoJSONLayer.tsx
@@ -26,6 +26,8 @@ const GeoJSONLayer = (): JSX.Element => {
       <MapContainer
         center={L.latLng([52.370216, 4.895168])}
         zoom={8}
+        maxZoom={16}
+        minZoom={6}
         maxBounds={[
           [52.25168, 4.64034],
           [52.50536, 5.10737],
diff --git a/src/pages/ReactLeaflet/WMSLayer/WMSLayer.tsx b/src/pages/ReactLeaflet/WMSLayer/WMSLayer.tsx
index 31e1f79..824b91b 100644
--- a/src/pages/ReactLeaflet/WMSLayer/WMSLayer.tsx
+++ b/src/pages/ReactLeaflet/WMSLayer/WMSLayer.tsx
@@ -9,6 +9,8 @@ const WMSLayer = (): JSX.Element => (
     <MapContainer
       center={L.latLng([52.370216, 4.895168])}
       zoom={13}
+      maxZoom={16}
+      minZoom={6}
       maxBounds={[
         [52.36966606270195, 4.886568897250246],
         [52.37253554766886, 4.892099548064893],