inspector: fix raster minzoom/maxzoom

This commit is contained in:
Brandon Liu
2023-03-14 09:23:04 +08:00
parent 30856d951c
commit 7d69ee1eb5

View File

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