Shadcn.io is not affiliated with official shadcn/ui
Map City Guide
React city walking tour guide map block for Next.js with numbered attraction markers, route path, audio guide indicators, and attraction detail popups using shadcn/ui and Tailwind CSS
Plan a self-guided city tour with this React and Next.js map block. View numbered attraction markers along a walking route, toggle audio guide availability, and click any stop for details including duration, description, and visitor tips. Built with TypeScript, mapcn Map components with MapRoute, shadcn/ui Badge and Button, and Tailwind CSS. Perfect for tourism apps, city guide platforms, and travel itinerary planners.
Related Components
Apartment Finder Map
Rental search map
Gas Station Finder Map
Fuel price finder map
Pollution Monitor Map
AQI monitoring map
Disaster Response Map
Emergency coordination map
City Guide Map
Walking tour guide map
FAQ
Was this page helpful?
Sign in to leave feedback.
Census Data
Census data choropleth map block for Next.js with population markers, growth rate badges, median income info, and regional detail overlays using mapcn map components, shadcn/ui, and Tailwind CSS
Community Events
Interactive community event map with event type markers, date badges, capacity counts, RSVP indicators, and event detail popups built with mapcn, shadcn/ui, and Tailwind CSS