MapChat

Inspiration

MapChat is the ultimate tool for Anime Pilgrimage, allowing fans to step out of the screen and retrace the epic journeys of their favorite characters in the real world.

What it does

Instead of just watching the story, users can visualize the entire adventure on a map!, seeing exactly how characters traveled across Japan (or the world) episode by episode. Bringing Anime Worlds to Life

• 🗺️ The Hero’s Path: Visualize the exact route taken by characters. Whether it’s the cross-country road trip in "Suzume" (Suzume no Tojimari), the camping spots in "Yuru Camp", or the frantic timeline of "Your Name" (Kimi no Na wa), MapChat draws the lines connecting every key location.
• 📸 Scene vs. Reality: Users can click on a pin to see the real-world location that inspired the anime scene. With the new image support, the popup can display the anime background alongside the actual street view, creating a perfect comparison for pilgrimage planning.
• ⏱️ Relive the Story: The Smart Timeline is perfect for episodic storytelling. Users can scrub through the timeline to see the journey unfold chronologically. Watch as the map updates to show where the characters were on Day 1 vs. Day 50.
• ⚔️ Battle Maps: detailed breakdowns of strategy involved in anime like "Kingdom" or "Golden Kamuy", using areas and arrows to show troop movements and territory control. Why It’s Perfect for Fans
• Interactive Itineraries: Fans planning a trip to Japan can ask: "Create a 5-day itinerary visiting all the locations from 'Weathering With You' in Tokyo." The AI generates a walkable route with optimal transport.
• Lore Exploration: "Show me the path of the Straw Hat Pirates in the East Blue" — MapChat can map out narrative arcs, even for fantasy worlds if they have real-world analogues or if describing relative movements. MapChat isn't just a map; it's a way to travel through the stories you love.

How I built it

Challenges I ran into

Accomplishments that I'm proud of

What I learned

What's next for MapChat

Built With

• gemini-tool
• maplibre
• nextjs
• react
• reactmapgl
• zustand