A polished routing map widget 🗺️ that draws a highlighted path between origin and destination, shows a compact distance/ETA pill ⏱️📏, and tracks movement with a rotating car (or any custom) marker 🚗. Supports multiple waypoints, traffic-aware updates, and smooth camera control that auto-fits or follows the route — perfect for flutterflow google polyline map use cases. Fully themable to match ride-hailing, delivery, and travel apps.

Functionality

• 🧭 Origin/Destination + Waypoints: render polyline from encoded/raw coords; alternate routes supported.

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

• ⏱️ ETA/Distance Badge: miles/km and time, auto-updates as position or route changes.

• 🎯 Camera Utilities: fit bounds, recenter button, padding, tilt & bearing control.

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

• 🛡️ Resilience: permission prompts, graceful empty/error states, GPS-off fallback.

• 🔌 Provider-agnostic: Google Directions, Mapbox, OSRM—or any service returning 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 for 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, flutterflow google polyline map, flutterflow widget, flutterflow component.