Maps Explorer

March 24, 2026 · View on GitHub

Built with mcp-use   mcp-use stars

Interactive map MCP App powered by Leaflet. The model places markers, adjusts zoom, and renders live maps inside the conversation with colored pins and popup descriptions.

Maps Explorer Demo

Try it now

Connect to the hosted instance:

https://super-night-ttde2.run.mcp-use.com/mcp

Or open the Inspector to test it interactively.

Setup on ChatGPT

  1. Open Settings > Apps and Connectors > Advanced Settings and enable Developer Mode
  2. Go to Connectors > Create, name it "Maps Explorer", paste the URL above
  3. In a new chat, click + > More and select the Maps Explorer connector

Setup on Claude

  1. Open Settings > Connectors > Add custom connector
  2. Paste the URL above and save
  3. The Maps Explorer tools will be available in new conversations

Features

  • Streaming markers — pins appear on the map as the model adds them
  • Colored pins — red, blue, green, orange, purple markers
  • Popup descriptions — click markers for details
  • Zoom & pan — fully interactive Leaflet map
  • Fullscreen mode — expand the map for immersive viewing

Tools

ToolDescription
show-mapDisplay a map centered on a location with markers
get-place-detailsLook up place details by name
add-markersAdd more markers to an existing map

Available Widgets

WidgetPreview
map-view

Local development

git clone https://github.com/mcp-use/mcp-maps-explorer.git
cd mcp-maps-explorer
npm install
npm run dev

Deploy

npx mcp-use deploy

Built with

  • mcp-use — MCP server framework
  • Leaflet — interactive map library (bundled, no CDN required)

License

MIT