Compare two alternative routes side-by-side on a single map. The widget overlays Route A and Route B with distinct styles (solid vs dashed), shows live ETA & distance for each, and highlights the faster option so users can pick with confidence.

Functionality

• Two routes at once: draw A and B polylines with unique colors/styles; switch focus with top chips.

• Live metrics: per-route ETA, distance, and delta (e.g., “B • 58 min • 19 km”).

• Traffic-aware recalculation: updates ETAs as conditions change.

• Segment highlights: emphasize where routes diverge; tap to preview step-by-step instructions.

• Mode & constraints: support driving, biking, walking; options to avoid tolls/ferries/highways.

• Waypoint support: add intermediate stops to either route.

• One-tap actions: Start navigation, Share, Save, or Copy route.

• Persistent state: remember last selection (A or B) and map position.

• Production-ready: Google Maps compatible; smooth performance on mobile.

Use cases

• Commuters & travelers: quickly decide between two viable paths before starting a trip.

• Logistics/dispatch: compare main vs. backup routes for SLAs and fuel/time savings.

• Event operations: choose detour plans during closures or high traffic.

• Product experiments: A/B test routing strategies (fastest vs. shortest) inside your app.

Keywords

Route comparison, A/B routes, dual polylines, ETA, distance, traffic, Google Maps, Directions API, driving/biking/walking, avoid tolls, waypoints, alternate routes, navigation UI, mobile mapping.