fix min and max zoom levels

Amsterdam · Jul 17, 2024 · 2bc5e51 · 2bc5e51
1 parent 1be61b1
commit 2bc5e51
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git 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
@@ -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
@@ -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],