MCP Map & Weather Apps

What it does

MCP Map & Weather Apps is a comprehensive MCP Apps testing and demonstration server that renders two interactive UIs directly inside Claude and other MCP-capable hosts: a full-featured weather dashboard and a CesiumJS-powered 3D globe viewer.

The weather dashboard fetches live data from Open-Meteo (no API key required), supports progressive 5-phase streaming analysis, and demonstrates nearly every MCP Apps API — tool calling from UI, host-to-app messaging, display mode switching, theme detection, structured logging, and real-time notifications.

Key features

• Live weather dashboard — search any city, get current conditions + 7-day forecast via Open-Meteo
• Progressive streaming — 5-phase weather analysis streams in at 1-second intervals, demonstrating MCP's "multiple values over time" pattern
• 3D globe viewer — CesiumJS globe with OpenStreetMap tiles; geocode any location and fly the camera there
• Full MCP Apps API coverage — callServerTool, sendMessage, sendOpenLink, requestDisplayMode, onhostcontextchanged, sendLog, and more
• Conformance test suite — 5 dedicated conformance apps (lifecycle, host context, messaging, domain/CORS, theming)

Installation

Claude Desktop

{
  "mcpServers": {
    "mcp-map-server": {
      "command": "node",
      "args": ["/path/to/mcp-map-server-ui/dist/index.js", "--stdio"]
    }
  }
}

Or install via npm and run:

npm install mcp-map-server
npx mcp-map-server --stdio

VS Code Copilot

{
  "github.copilot.chat.mcp.servers": {
    "mcp-map-server": {
      "command": "node",
      "args": ["/path/to/dist/index.js", "--stdio"]
    }
  }
}

Claude.ai web (HTTP transport)

Deploy the server and add https://your-server.com/mcp as a custom connector in Claude settings.

Supported hosts

Confirmed: Claude Desktop (stdio), Claude.ai web (HTTP/SSE), VS Code Copilot (Insiders). Conformance test server runs separately on port 3002.