pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-25 14:11:14 -05:00
Code Issues Packages Projects Releases Wiki Activity

feat: Add OpenStreetMap display

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-09-29 13:35:33 +00:00
parent a7d18d6264
commit 90ba2c21ce
4 changed files with 111 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/pages/ParkDetail.tsx
View File

@@ -10,6 +10,7 @@ import { MapPin, Star, Clock, Phone, Globe, Calendar, ArrowLeft, Users, Zap, Cam
import { ReviewsSection } from '@/components/reviews/ReviewsSection';
import { RideCard } from '@/components/rides/RideCard';
import { Park, Ride } from '@/types/database';
import { ParkLocationMap } from '@/components/maps/ParkLocationMap';
import { supabase } from '@/integrations/supabase/client';
export default function ParkDetail() {
const {
@@ -334,13 +335,23 @@ export default function ParkDetail() {
<Separator />
<div className="space-y-2">
<div className="space-y-4">
<div className="font-medium">Location</div>
{park.location && <div className="text-sm text-muted-foreground space-y-1">
{park.location.city && <div>{park.location.city}</div>}
{park.location.state_province && <div>{park.location.state_province}</div>}
<div>{park.location.country}</div>
</div>}
{park.location?.latitude && park.location?.longitude && (
<div className="mt-4">
<ParkLocationMap
latitude={Number(park.location.latitude)}
longitude={Number(park.location.longitude)}
parkName={park.name}
/>
</div>
)}
</div>
</CardContent>
</Card>