diff --git a/app/src/Loader.tsx b/app/src/Loader.tsx index 0ab63af8..63f90fb7 100644 --- a/app/src/Loader.tsx +++ b/app/src/Loader.tsx @@ -110,7 +110,7 @@ const ToolbarToggleGroup = StyledToggleGroup; const ToolbarToggleItem = StyledToggleItem; function Loader(props: { file: PMTiles }) { - let [tab, setTab] = useState("inspector"); + let [tab, setTab] = useState("maplibre"); let [metadata, setMetadata] = useState<[string, string][]>([]); let [modalOpen, setModalOpen] = useState(false); @@ -156,12 +156,12 @@ function Loader(props: { file: PMTiles }) { value={tab} onValueChange={setTab} > - - Tile Inspector - Map View + + Tile Inspector + {props.file.source.getKey()} diff --git a/app/src/MaplibreMap.tsx b/app/src/MaplibreMap.tsx index d0856cc6..6214b4c4 100644 --- a/app/src/MaplibreMap.tsx +++ b/app/src/MaplibreMap.tsx @@ -114,6 +114,7 @@ function MaplibreMap(props: { file: PMTiles }) { layers: [], }, }); + map.showTileBoundaries = true; map.addControl(new maplibregl.NavigationControl({})); map.on("load", map.resize);