Skip to content

Map

Gen UI 2.0 standard

A map with markers; with "route" a line connects them in order. Bind "selected" to get the label of the marker the user picks. Without maps it shows a list of the places.

One of the 69 components in CopilotKit's standardUI. The playground's catalog extends it, so every agent here can use Map. Standard catalog docs

Props

Read from standardUI.manifestComponents in the installed @copilotkit/react-core. In A2UI 1.0 any value may also be a { "@path" } binding into the surface data model or a { "@call" } function call.

PropTypeRequiredDescription
markers{ label, lat, lng, category?, icon? }[]No-
selectedstringNoThe label of the selected marker. Bind it with { "@path": "/x" } to read the choice of the user
routebooleanNoDraws a line through the markers in order
zoomnumberNoWith two or more markers, only the highest zoom of the fit
center{ lat, lng }No-
heightnumberNoPixels. Default 240