From bfb4e252ccec94749ee362c7e0ec24de8c799e50 Mon Sep 17 00:00:00 2001
From: Lukas0912 <lukas_weigmann@web.de>
Date: Thu, 7 Nov 2024 16:26:02 +0100
Subject: [PATCH] feat: Set borders of map, limit zoom in and zoom out

---
 src/components/Map/Map.tsx | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/Map/Map.tsx b/src/components/Map/Map.tsx
index 938ccca9..324670d7 100644
--- a/src/components/Map/Map.tsx
+++ b/src/components/Map/Map.tsx
@@ -10,7 +10,18 @@ import { CountryPolygon } from './CountryPolygon';
 
 export default function Map({ countries }: MapProps) {
   return (
-    <MapContainer center={[21.505, -0.09]} zoom={4} style={{ height: '100%', width: '100%' }}>
+    <MapContainer
+      center={[21.505, -0.09]}
+      zoom={3}
+      maxBounds={[
+        [-90, -180],
+        [90, 180],
+      ]}
+      minZoom={3}
+      maxZoom={8}
+      maxBoundsViscosity={1.0}
+      style={{ height: '100%', width: '100%' }}
+    >
       <TileLayer
         attribution='&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
         url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"