A polished routing map widget that renders a highlighted path between origin and destination, shows distance/ETA in a compact pill, and tracks movement with a rotating car (or any custom) marker. It supports multiple waypoints, traffic-aware updates (when provided by your API), and smooth camera control that auto-fits or follows the route. Fully themable—control map style, route stroke, markers, and overlays—to match ride-hailing, delivery, or travel apps.

Functionality

• Origin/Destination + Waypoints: Draws a polyline from encoded or raw coordinates; supports alternative routes.

• Live Tracking: Animates a marker along the path with bearing, speed and step progress; optional “follow-me” camera.

• ETA/Distance Badge: Displays miles/km and time; auto-updates as location or route changes.

• Camera Utilities: Fit-bounds to route, recenter button, padding, tilt & bearing control.

• Styling & UX: Custom marker assets (car, pin, courier), route color/width/gradient/dash, dark/light map themes, tap/long-press handlers.

• Resilience: Permission prompts, empty/error states, and graceful fallback if GPS is off.

• Provider-agnostic: Works with Google Directions, Mapbox, OSRM—or any service that returns a polyline.

Use Cases

• Ride-hailing & delivery tracking (“driver is on the way”).

• Logistics / field service dispatch with live ETAs.

• Travel & fitness apps showing planned or recorded routes.

• Event/venue apps providing meet-up directions.

• Customer support screens to share or monitor route progress.

Keywords

Map, routing, directions, polyline, ETA, distance badge, live GPS, navigation, Google Maps, Mapbox, waypoints, fit bounds, custom markers, car marker, turn-by-turn, tracking, geolocation.