feat: limit map boundaries and disable wrapping

cesium · Sep 8, 2024 · 30366ae · 30366ae
1 parent 3f6b174
commit 30366ae
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/components/Map/Map.tsx b/components/Map/Map.tsx
@@ -47,6 +47,12 @@ export default function Map({ pins, setMapRef }: Props) {
       zoomControl={false}
       attributionControl={true}
       maxZoom={18}
+      minZoom={3}
+      maxBounds={[
+        [90, -180],
+        [-90, 180]
+      ]}
+      maxBoundsViscosity={1}
     >
       <Ref></Ref>
       <LayersControl position="topright">

diff --git a/components/TileController/TileController.tsx b/components/TileController/TileController.tsx
@@ -16,6 +16,7 @@ const TileController = ({ id, url, name }: ITyle) => {
             changeTheme(id);
           }
         }}
+        noWrap={true}
       />
     </LayersControl.BaseLayer>
   );