Geolocation Globe

Ce qu'il fait

Geolocation Globe est une application MCP qui affiche un globe 3D interactif (propulsé par CesiumJS) directement dans le chat Claude. Lorsque vous demandez à Claude "Où suis-je ?" ou "Montre-moi ma position", l'application demande l'autorisation de géolocalisation de votre navigateur, puis anime le globe pour voler vers et marquer vos coordonnées exactes — le tout sans quitter la conversation.

Construit sur le framework officiel MCP ext-apps, il démontre comment les applications MCP peuvent demander des permissions de navigateur (geolocation) via _meta.ui.permissions et rendre une interface utilisateur interactive riche dans Claude.

Caractéristiques principales

• Géolocalisation en direct — demande l'autorisation GPS du navigateur et épingle votre position actuelle sur le globe 3D
• Navigation vers n'importe quelle coordonnée — demandez à Claude de déplacer le globe vers n'importe quelle latitude/longitude dans le monde
• Rendu CesiumJS — Terre 3D haute fidélité avec des animations de caméra fluides
• UI en fichier unique — Vite compile tout le frontend en un seul fichier HTML groupé servi par le serveur MCP
• Transport HTTP — fonctionne comme un serveur HTTP local sur le port 3001, exposé via cloudflared ou Replit pour Claude.ai

Installation

Exécution locale avec Claude.ai :

# Installer et démarrer
git clone https://github.com/jepras/cc-for-web
cd cc-for-web
npm install
npm start
# Le serveur s'exécute sur http://localhost:3001/mcp

Puis exposez-le :

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

Dans Claude.ai → Paramètres → Connecteurs → Ajouter un connecteur personnalisé :

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

Déploiement Replit :

1. Importez le dépôt (utilisez la branche claude/research-mcp-mobile-app-HaKPK)
2. Exécutez npm start
3. Utilisez l'URL Replit + /mcp comme URL de connecteur

Hôtes supportés

Nécessite Claude Pro/Max/Team/Enterprise avec le support des connecteurs personnalisés (claude.ai web).