Merge pull request #271 from hancocb/enhancement/increase-max-zoom

[Enhancement] Increase maximum zoom level to 26 for all map components

Author: hancocb

frontend/src/components/maps/CompareMap/CompareMap.tsx

@@ -203,6 +203,7 @@ export default function CompareMap() {
         style={LeftMapStyle}
         mapboxAccessToken={mapboxAccessToken || undefined}
         mapStyle={mapStyle}
+        maxZoom={26}
         reuseMaps={true}
       >
         {/* Display project boundary when project activated */}
@@ -256,6 +257,7 @@ export default function CompareMap() {
         style={RightMapStyle}
         mapboxAccessToken={mapboxAccessToken}
         mapStyle={mapStyle}
+        maxZoom={26}
         reuseMaps={true}
       >
         {/* Display project boundary when project activated */}

frontend/src/components/maps/DrawFieldMap/DrawFieldMap.tsx

@@ -261,6 +261,7 @@ export default function DrawFieldMap({
       style={{ width: '100%', height: '100%' }}
       mapboxAccessToken={mapboxAccessToken || undefined}
       mapStyle={mapStyle}
+      maxZoom={26}
     >
       {/* Render GeoJSON feature collection if it exists */}
       {featureCollection && !editFeature && (

frontend/src/components/maps/HomeMap.tsx

@@ -219,6 +219,7 @@ export default function HomeMap({ layers }: { layers: MapLayerProps[] }) {
       }}
       mapboxAccessToken={mapboxAccessToken || undefined}
       mapStyle={mapStyle}
+      maxZoom={26}
       onClick={handleMapClick}
       onMoveEnd={handleMoveEnd}
     >

frontend/src/components/maps/ShareMap.tsx

@@ -178,6 +178,7 @@ export default function ShareMap() {
       }}
       mapboxAccessToken={mapboxAccessToken || undefined}
       mapStyle={mapStyle}
+      maxZoom={26}
       reuseMaps={true}
     >
       {/* Display raster tiles */}

frontend/src/components/pages/admin/DashboardMap.tsx

@@ -106,6 +106,7 @@ export default function DashboardMap() {
       }}
       mapboxAccessToken={mapboxAccessToken || undefined}
       mapStyle={mapStyle}
+      maxZoom={26}
       reuseMaps={true}
       onClick={handleMapClick}
     >

frontend/src/components/pages/projects/iForester/IForesterMap.tsx

@@ -139,6 +139,7 @@ export default function IForesterMap() {
       }}
       mapboxAccessToken={mapboxAccessToken || undefined}
       mapStyle={mapStyle}
+      maxZoom={26}
       reuseMaps={true}
     >
       {/* Cluster markers */}