fix: Adjust initial state

armada-ths · Nov 14, 2024 · d4dff68 · d4dff68
1 parent 6cfd6f3
commit d4dff68
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/app/student/map/_components/MainView.tsx b/src/app/student/map/_components/MainView.tsx
@@ -8,6 +8,7 @@ import { Exhibitor } from "@/components/shared/hooks/api/useExhibitors"
 import { Button } from "@/components/ui/button"
 import { useSearchParams } from "next/navigation"
 import { useMemo, useState } from "react"
+import { ViewState } from "react-map-gl/dist/esm/types"
 import { Booth, BoothID, BoothMap } from "../lib/booths"
 import {
   defaultLocation,
@@ -59,7 +60,12 @@ export default function MainView({
   const zoom =
     parseFloat(searchParams.get("zoom") ?? "") || location.center.zoom
 
-  const initialView = { latitude, longitude, zoom }
+  const initialView = {
+    latitude,
+    longitude,
+    zoom,
+    pitch: 40
+  } satisfies Partial<ViewState>
 
   const [activeBoothId, setActiveBoothId] = useState<BoothID | null>(null)
   const [hoveredBoothId, setHoveredBoothId] = useState<BoothID | null>(null)

diff --git a/src/app/student/map/_components/MapComponent.tsx b/src/app/student/map/_components/MapComponent.tsx
@@ -178,8 +178,6 @@ export function MapComponent({
           [18.063, 59.345],
           [18.079, 59.35]
         ]}
-        pitch={40}
-        touchZoomRotate={false}
         dragRotate={false}
         mapStyle="https://api.maptiler.com/maps/376fa556-c405-4a91-8e9e-15be82eb3a58/style.json?key=mgMcr2yF2fWUHzf27ygv">
         <Layer {...backgroundLayerStyle}></Layer>