✨ An AI-powered interactive 「Travel Check-in Map」
🇨🇳 查看中文版:README.zh-CN.md
「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
- 📷 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
Click the image to view the demo video
- Node.js ≥ 18
npm install
echo "GEMINI_API_KEY=your_api_key_here" > .env.local
npm run devThis project was inspired by a tweet from Alexander Chen.