MCPcopy Index your code
hub / github.com/Reborn14/Pixel-Travel-Map

github.com/Reborn14/Pixel-Travel-Map @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
85 symbols 148 edges 16 files 0 documented · 0%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

🗺️ Pixel Travel Map

✨ 一个 AI 驱动的互动式「旅游打卡地图」

🇺🇸 English version available in here


📍 项目简介

「Pixel Travel Map」是一个互动式旅行地图工具。你只需上传一张旅拍照片(建筑或地标),系统会自动识别照片中的 GPS 信息,为你生成一个像素风格的 3D 模型,并放置到世界地图上的对应位置。

当你不断上传更多照片,就会慢慢构建起一个专属的旅游打卡地图 ✈️🗺️


✨ 功能特色

  • 📷 自动读取照片中的 GPS 坐标(支持 EXIF)
  • 🌍 也可手动点击地图进行定位放置
  • 🧱 使用 Nano-banana 生成像素风格的 3D 地标模型
  • 🗺️ 支持拖动、翻转、放大、复制、编辑模型
  • 🔒 一键锁定模型,转换为卡片式回忆管理
  • 📝 每个地标都支持添加旅行笔记和拍摄日期
  • 📸 支持上传更多照片作为补充回忆
  • 💾 支持导出和导入地图数据,便于备份、迁移或分享

🎥 视频演示

点击图片观看演示视频


🧪 在线体验

👉 AI Studio 在线使用入口

🚀 本地运行

前置条件

  • 安装 Node.js ≥ 18

运行步骤

npm install
echo "GEMINI_API_KEY=你的API密钥" > .env.local
npm run dev

💡 致谢

灵感来源于 Alexander Chen 的推文

Extension points exported contracts — how you extend this code

LogData (Interface)
(no doc)
App.tsx
MemoryCardsProps (Interface)
(no doc)
components/MemoryCards.tsx
ToolbarProps (Interface)
(no doc)
components/Toolbar.tsx
ImageMarkerProps (Interface)
(no doc)
components/ImageMarker.tsx
SearchControlProps (Interface)
(no doc)
components/SearchControl.tsx
ImportConfirmModalProps (Interface)
(no doc)
components/ImportConfirmModal.tsx
HelpModalProps (Interface)
(no doc)
components/HelpModal.tsx
PhotoPreviewModalProps (Interface)
(no doc)
components/PhotoPreviewModal.tsx

Core symbols most depended-on inside this repo

ensureAudioContext
called by 13
App.tsx
useLocalization
called by 10
context/LocalizationContext.tsx
reverseGeocode
called by 5
App.tsx
handleSelect
called by 3
components/SearchControl.tsx
getExifData
called by 2
App.tsx
dmsToDd
called by 2
App.tsx
handleScaleSelected
called by 2
App.tsx
EDIT_PROMPT_TEMPLATE
called by 1
App.tsx

Shape

Function 67
Interface 18

Languages

TypeScript100%

Modules by API surface

App.tsx42 symbols
components/TravelLogModal.tsx6 symbols
components/ImageMarker.tsx6 symbols
components/SearchControl.tsx5 symbols
components/MemoryCards.tsx5 symbols
components/ClusterBubble.tsx4 symbols
context/LocalizationContext.tsx3 symbols
components/Toolbar.tsx3 symbols
components/PhotoPreviewModal.tsx3 symbols
services/geminiService.ts2 symbols
components/ResetConfirmModal.tsx2 symbols
components/ImportConfirmModal.tsx2 symbols

For agents

$ claude mcp add Pixel-Travel-Map \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact