polyline_animation_plus

A Flutter package for creating smooth, customizable polyline animations on Google Maps. Ideal for apps in transportation, delivery, logistics, tracking, or any project that needs animated route visualizations.

🎥 Demo

Floating Bubble Overlay Demo
This animation represents how the plugin behaves

✨ Features

  • 🎬 Animated polylines with progressive drawing effects
  • 🔁 Repeatable or one‑shot animations
  • ⏱️ Custom duration, delay, and animation curves
  • 🗺️ Works on Android & iOS (Google Maps)
  • 🧩 Supports multiple animated polylines simultaneously
  • ⚡ Built using the google_maps_flutter_platform_interface

🚀 Getting Started

Add the package to your pubspec.yaml:

dependencies:
  polyline_animation_plus: ^1.0.4

Or if using locally (for development):

dependencies:
  polyline_animation_plus:
    path: ../polyline_animation_plus

Import it:

import 'package:polyline_animation_plus/polyline_animation_plus.dart';

📌 Usage Example

Below is a basic example of how to animate a polyline on Google Maps.

final Set<AnimatedPolyline> polylines = {
  AnimatedPolyline(
    polyline: Polyline(
      polylineId: const PolylineId('front'),
      color: Colors.blue,
      width: 4,
      points: MapAnimationUtils.generateEquidistantPolylineByDuration(
        path: yourCoordinatesList,
        duration: const Duration(seconds: 4),
      ),
    ),
    polylineAnimator: const FadeInProgressiveAnimator(
      repeat: true,
      curve: Curves.linear,
      duration: Duration(seconds: 4),
      delayStart: Duration(seconds: 1),
    ),
  ),
  AnimatedPolyline(
    polyline: Polyline(
      polylineId: const PolylineId('back'),
      color: Colors.grey,
      width: 4,
      points: yourCoordinatesList,
    ),
  ),
};

late MapAnimationController mapAnimationController;

onMapCreated(GoogleMapController controller) {
  mapAnimationController = MapAnimationController(
    mapId: controller.mapId,
    vsync: this,
    polylines: polylines,
  );
}

More complete examples can be found in the /example folder.

📚 Additional Information

  • Issues and feature requests: GitHub Issues
  • Repository: https://github.com/MICHAELVM01/polyline_animation_plus
  • Contributions are welcome! Submit PRs to improve animations or extend support.
  • This package is developed by ToolRides for advanced route visualizations in transportation and mobility apps.

👤 Author / Developer

Michael Anthony Valdiviezo Maza

Flutter & Mobile Developer focused on mobility, ride‑hailing, logistics and real‑time map experiences. Creator of ToolRides solutions and open‑source packages for advanced transportation interfaces.

Areas of focus

  • Google Maps & geolocation (polylines, tracking, animations)
  • Ride‑hailing / fleet dispatch flows
  • Real‑time mobility UX and performance optimization
  • White‑label transportation platforms (B2B & B2C)

Connect

If you use this package in your project, feel free to open an issue or PR — contributions and ideas are welcome.

📄 License

MIT License — feel free to use it in commercial and open‑source projects.

Libraries

polyline_animation_plus