From 7d69ee1eb53dd63816257f8cab044ea4412864e9 Mon Sep 17 00:00:00 2001
From: Brandon Liu <bdon@bdon.org>
Date: Tue, 14 Mar 2023 09:23:04 +0800
Subject: [PATCH] inspector: fix raster minzoom/maxzoom

---
 app/src/MaplibreMap.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/app/src/MaplibreMap.tsx b/app/src/MaplibreMap.tsx
index deb210d..8ba8617 100644
--- a/app/src/MaplibreMap.tsx
+++ b/app/src/MaplibreMap.tsx
@@ -76,14 +76,16 @@ const FeaturesProperties = (props: { features: MapGeoJSONFeature[] }) => {
   return <PopupContainer>{fs}</PopupContainer>;
 };
 
-const rasterStyle = (file: PMTiles) => {
+const rasterStyle = async (file: PMTiles) => {
+  let header = await file.getHeader();
   return {
     version: 8,
     sources: {
       source: {
         type: "raster",
         tiles: ["pmtiles://" + file.source.getKey() + "/{z}/{x}/{y}"],
-        maxzoom: 4,
+        minzoom: header.minZoom,
+        maxzoom: header.maxZoom,
       },
     },
     layers: [
@@ -287,7 +289,8 @@ function MaplibreMap(props: { file: PMTiles }) {
           header.tileType === TileType.Png ||
           header.tileType == TileType.Jpeg
         ) {
-          map.setStyle(rasterStyle(props.file) as any);
+          let style = await rasterStyle(props.file);
+          map.setStyle(style);
         } else {
           let style = await vectorStyle(props.file);
           map.setStyle(style);