Formats
Pattern
INT·Apr 26

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.

View Full Pattern on Desktop
Agent Map Artifact preview

Problems Solved

  • Stream GeoJSON map data with custom UI data parts
  • Template-style Artifact class without a full chat backend

Use Cases

  • Location-centric demos
  • Routes and territories without a database

AI SDK APIs

streamTextcreateUIMessageStreamgatewaytool

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 Pattern on Desktop

Related Patterns

Agent Sheet Artifact preview

Agent Sheet Artifact

Template-style sheet artifact with data-sheetDelta streaming, CSV grid editor, in-memory versions, and quick prompts — no database persistence.

aispreadsheet+5
View →
Agent Slides Artifact preview

Agent Slides Artifact

Template-style slide deck artifact with data-slidesDelta streaming, sortable slide list and preview, Markdown export, in-memory versions, and quick prompts — no database persistence.

aislides+5
View →
Agent Text Artifact preview

Agent Text Artifact

Template-style text artifact with data-textDelta streaming, ProseMirror Markdown editor, in-memory versions, and quick prompts — no database persistence.

aimarkdown+4
View →
Agent Code Artifact preview

Agent Code Artifact

Template-style code artifact with data-codeDelta streaming, CodeMirror Python editor, Pyodide run, in-memory versions, and quick prompts — no database persistence.

aipython+5
View →
End of Pattern