MapChat

Inspiration

Instead of just reading or watching the story, users can visualize the entire adventure on a map — seeing exactly how heroes, armies, and travelers moved across kingdoms, realms, and continents chapter by chapter. MapChat isn’t just a map — it’s a gateway into the worlds of legend.

What it does

Bringing Fantasy Worlds to Life

The Hero’s Path: Visualize the exact route taken by characters across vast realms. Whether it’s a continent-spanning quest, a royal exile’s escape, or a wandering mage’s pilgrimage, MapChat draws the path between every key location in the story world.

Lore Sites & Landmarks: Click any location to reveal its story significance — cities, ruins, battlefields, sacred temples, hidden strongholds — complete with descriptions, artwork, and worldbuilding notes.

Relive the Saga: The Smart Timeline lets users scrub through the story chronologically. Watch the map update as the journey unfolds — from the first village departure to the final citadel siege.

Battle & Campaign Maps: Detailed strategic overlays show troop movements, territorial control, siege routes, and turning points — perfect for war sagas and epic conflicts.

Why It’s Perfect for Fantasy Fans

• Interactive Quest Itineraries: Ask: “Create a 7-day journey following the hero’s quest across the Northern Kingdoms.” MapChat generates a logical route with story context and travel pacing.

• Deep Lore Exploration: “Show the full campaign route of the Crimson Legion.” MapChat maps narrative arcs, migrations, and campaigns — even across fully fictional worlds.

• Story-Driven Navigation: Explore narratives spatially, not just sequentially. Understand distance, scale, and consequence in every journey.

How we built it

We built it using Gemini Tool calling function together with the MapLibre and OpenStreetMap API. The tech stack is Nextjs, React. Simple but works!

Accomplishments that we're proud of

We saved multiple MapChat exploration in the gallery! We tested it using it to show us the lifetime event of JJK dojo around Japan, including his hometown, high school, .... It actually works really well and we are proud of it!

What's next for MapChat

Scale up!

Built With

• maplibre
• nextjs
• opendatasource
• react