Skip to content

📍旅行地图 Pixel Travel Map 是一个可以将你的旅拍照片「建模」到地图上的小玩具。

Notifications You must be signed in to change notification settings

o1laabs/Pixel-Travel-Map

 
 

Repository files navigation

🗺️ Pixel Travel Map

✨ An AI-powered interactive 「Travel Check-in Map」

🇨🇳 查看中文版:README.zh-CN.md


📍 Overview

「Pixel Travel Map」is an interactive tool for visualizing your travel memories.

Simply upload a travel photo (of a building or landmark), and the app will automatically extract GPS data (if available) to locate the spot on a world map. It then uses AI to generate a pixel-art 3D model to represent that memory.

As you upload more photos, you gradually build your own travel check-in map ✈️🗺️


✨ Features

  • 📷 Automatically extracts GPS coordinates from photo EXIF metadata
  • 🌍 Allows manual placement on the map if no GPS data is found
  • 🧱 Uses Nano-banana to generate pixel-style 3D landmark models
  • 🗺️ Supports dragging, flipping, resizing, duplicating, and editing models
  • 🔒 One-click to lock models into a memory card view
  • 📝 Each memory supports adding travel notes and photo date
  • 📸 Upload additional photos to enrich each memory
  • 💾 Supports exporting and importing map data for backup, migration, or sharing

🎥 Demo Video

Click the image to view the demo video


🧪 Try It Online

👉 Launch in AI Studio


🚀 Run Locally

Prerequisites

  • Node.js ≥ 18

Steps

npm install
echo "GEMINI_API_KEY=your_api_key_here" > .env.local
npm run dev

💡 Acknowledgement

This project was inspired by a tweet from Alexander Chen.

About

📍旅行地图 Pixel Travel Map 是一个可以将你的旅拍照片「建模」到地图上的小玩具。

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 98.0%
  • HTML 2.0%