Example: Delivery Tracker

This real-world delivery tracker combines a GeoJSON route with a reactive courier marker. Update the marker from a timer or WebSocket handler in production; MapLibre moves it without recreating it.

It demonstrates reactive route progress, a live courier marker, navigation controls, error fallback content, and an accessible status alternative outside the WebGL canvas.

Keep order status, checkpoint names, and estimated times in normal HTML outside the canvas. The description slot connects the route summary to the map for assistive technology.

MapLibre coordinates use [longitude, latitude] order.