Geolocation Globe

What it does

Geolocation Globe is an MCP App that renders an interactive 3D globe (powered by CesiumJS) directly inside Claude chat. When you ask Claude "Where am I?" or "Show me my location", the app requests your browser's geolocation permission, then animates the globe to fly to and mark your exact coordinates — all without leaving the conversation.

Built on the official MCP ext-apps framework, it demonstrates how MCP Apps can request browser permissions (geolocation) via _meta.ui.permissions and render rich interactive UI inside Claude.

Key features

• Live geolocation — requests browser GPS permission and pins your current position on the 3D globe
• Navigate to any coordinate — ask Claude to fly the globe to any lat/lng in the world
• CesiumJS rendering — high-fidelity 3D earth with smooth camera animations
• Single-file UI — Vite builds the entire frontend into one bundled HTML file served by the MCP server
• HTTP transport — runs as a local HTTP server on port 3001, exposed via cloudflared or Replit for Claude.ai

Installation

Running locally with Claude.ai:

# Install and start
git clone https://github.com/jepras/cc-for-web
cd cc-for-web
npm install
npm start
# Server runs at http://localhost:3001/mcp

Then expose it:

npx cloudflared tunnel --url http://localhost:3001

In Claude.ai → Settings → Connectors → Add custom connector:

• Name: Geolocation Globe
• URL: https://your-tunnel-url.trycloudflare.com/mcp

Replit deployment:

1. Import the repo (use the claude/research-mcp-mobile-app-HaKPK branch)
2. Run npm start
3. Use the Replit URL + /mcp as your connector URL

Supported hosts

Requires Claude Pro/Max/Team/Enterprise with custom connector support (claude.ai web).