1 viewer
Back to Components
Component · Visualization

MapView

Interactive Mercator tile map with support for routes and custom overlays.

Category
Visualization
Slots
2
States
2
Writer
Legacy
cre8.primitive.map-view

Preview

Live renderLegacy writer: MapView
<MapView
  center={[37.7749, -122.4194]}
  height={240}
  tileProvider="osm"
  zoom={12}
/>

Anatomy

The named parts of the rendered markup. Recipes style these hooks, and every renderer keeps them stable.

SlotDOM class
root.primitive-map-view
popup—
2 rows

States and platforms

The states the contract publishes, the platforms it declares, and the style recipes that dress it.

States
loadingerror
Platforms
web
Recipes
unstyledruntime-console

Renderers

Legacy writer
MapView has no shared writer yet: the server renders it through its legacy path, which the WASM DOM does not share.

The example above still needs shared writers for: MapView.

Declared adapters. A status is the manifest's declaration, not a measured parity result.

TargetRendererStatus
webreactexperimental
1 row

Accessibility

Semantic structure must stay available without visual styling.

  • Expose meaningful names for interactive controls.
  • Keep keyboard and pointer behavior equivalent where the platform supports it.
  • Publish state with native semantics and data attributes where the adapter supports them.