Rider Route - Map Integration App

A Flutter application for riders to visualise pickup points and warehouse locations, and navigate through an optimised route using Google Maps integration.

Features

• Interactive Google Map: Display current location, pickup points, and warehouse.
• Route Visualization: Polylines showing the route from rider's location → pickups → warehouse.
• Navigation: Launch Google Maps with pre-configured route for turn-by-turn navigation.
• Dynamic Markers: Tap markers to view details (pickup time slots, inventory, warehouse ETA).
• Info Cards: Display pickup instructions, warehouse distance/duration, and rider info.
• Loading Animation: Lottie animation while fetching location/data.
• Current location detection: fetch current location automatically.

Prerequisites

• Flutter SDK (version 3.0.0 or higher)
• Google Maps API Key (Get API Key)
• Android/iOS setup for Google Maps (Setup Guide)

Usage

1. View Map:

   • The app starts by showing your current location (blue marker).
   • Pickup points are marked in red; the warehouse is in green.

2. Interact with Markers:

   • Tap a pickup marker to see time slots, inventory, and instructions.
   • Tap the rider marker (blue) to view distance/duration to the warehouse.
   • Close info cards using the X icon.

3. Navigate:

   • Press the "Navigate" button to open Google Maps with the full route.

Demo - Video (Click on the image)

ScreenShots