Formats

Pattern

Agent Map Artifact

Template-style GeoJSON map artifact with data-mapDelta streaming, MapLibre preview and JSON source editor, GeoJSON export, in-memory versions, and quick prompts — no database persistence.

IntermediateApr 2026View the full pattern on desktop
Agent Map Artifact preview

Problems solved

  • Stream GeoJSON map data with data-mapDelta UI parts
  • Preview maps with MapLibre while editing JSON source
  • Export GeoJSON from the artifact toolbar
  • Keep map versions in memory without database persistence

Use cases

  • Location-centric agent demos
  • Route and territory visualizations
  • Field-ops map copilots
  • GeoJSON artifact prototypes

AI SDK APIs

streamTextcreateUIMessageStreamgatewaytoolconvertToModelMessagescreateUIMessageStreamResponse

Tags

aimapgeojsonmaplibregeostreamingai-sdkartifacts

Requirements

Node.js
24+
Memory
256MB
Other
  • Vercel AI Gateway API key
  • MapLibre / shadcn map component

Environment variables

External services

openaiupstash

Ready to use?

View the full interactive pattern with live preview and copy the source code.

View the pattern on desktop

Related patterns

Agent Sheet ArtifactTemplate-style sheet artifact with data-sheetDelta streaming, CSV grid editor, in-memory versions, and quick prompts — no database persistence.Apr 2026
Agent Slides ArtifactTemplate-style slide deck artifact with data-slidesDelta streaming, sortable slide list and preview, Markdown export, in-memory versions, and quick prompts — no database persistence.Apr 2026
Agent Text ArtifactTemplate-style text artifact with data-textDelta streaming via @aisdkagents/react DataStreamController + ArtifactSession, ProseMirror Markdown editor, in-memory versions, and quick prompts — no database persistence.Apr 2026
Agent Code ArtifactTemplate-style code artifact with data-codeDelta streaming, CodeMirror Python editor, Pyodide run, in-memory versions, and quick prompts — no database persistence.Apr 2026