Playground

A test bench for every component, wired to live Livewire state. Change something with the buttons and the map updates in place: no full re-render, no lost camera position.

Live markers

Server state → markers. Drag a pin to update the server, then nudge or add/remove.

Server events 3 markers
Click or drag a marker…

Route progress

Client-first: progress-model follows an Alpine value, synced to $progress with a deferred $wire.entangle. No request while dragging.

Arcs

Air vs sea routes, hover highlight, tooltip slot, globe projection.

0.25

GeoJSON overlay

Polygons, a line and a point from one FeatureCollection. Hover + click.

Selected: —

3D view & custom controls

OpenFreeMap Liberty (3D buildings), the built-in 3D toggle and an <x-map-control> using $map.

Clusters

Stepped cluster colours; the point count is server state.

400 points

Route alternatives

OSRM alternatives with the route list panel. Click a grey line or a list item.