Max zoom capped at 8

Author: Yukthiw

Eplant/views/WorldEFP/MapContainer.tsx

@@ -50,6 +50,7 @@ const MapContainer = ({ activeData, state, setState }: MapContainerProps) => {
     <Map
       defaultCenter={state.position}
       defaultZoom={2}
+      maxZoom={8}
       mapId={import.meta.env.VITE_MAP_ID}
       streetViewControl={false}
       mapTypeId={state.mapTypeId}

Eplant/views/WorldEFP/overlayTiles.ts

@@ -13,7 +13,11 @@ const BASE_PATH = '/temp_world_efp'
  * Builds a tileMap by constructing public URLs for all tiles in a grid up to maxZoom.
  * At each zoom level z the grid is 2^z x 2^z.
  */
-function buildTileMap(dir: string, prefix: string, maxZoom: number): OverlayTileData {
+function buildTileMap(
+  dir: string,
+  prefix: string,
+  maxZoom: number
+): OverlayTileData {
   const tileMap: TileMap = {}
   for (let zoom = 0; zoom <= maxZoom; zoom++) {
     const count = 1 << zoom
@@ -41,8 +45,9 @@ export async function fetchOverlayTiles(
     case OverlayType.Precipitation:
       return buildTileMap('AnnualPrecip', 'Annual_Precipitation', 2)
     case OverlayType.HistoricalMinTemp:
-      return buildTileMap('HistMin', 'Historical_Min_Temp_of_coldest_Month', 2)
+      // No tiles yet — empty map causes getTileUrl to fall back to placeholder
+      return { tileMap: {}, maxZoom: 2 }
     case OverlayType.HistoricalMaxTemp:
-      return buildTileMap('HistMax', 'Historical_Max_temp_of_warmest_month', 2)
+      return { tileMap: {}, maxZoom: 2 }
   }
 }