Polyline Animator #

A Flutter package for animating polylines on Google Maps, designed and developed by Michael Valdiviezo.

Features #

• Animated Polylines: Smoothly animates the drawing of polylines on Google Maps.
• Customizable: Easily customize the color and width of the polylines and their background.
• Dynamic Updates: Supports dynamic updates and real-time animations.

y

Getting started #

Prerequisites #

To use this package, you need to configure your project to use Google Maps. Follow these steps to set up your API key.

Step 1: Get an API Key

Visit the Google Cloud Platform Console to get an API key. Make sure to enable the Maps SDK for Android and Maps SDK for iOS.

Step 2: Add the API Key to Your Project

Android

1. Open the android/app/src/main/AndroidManifest.xml file.
2. Add the following inside the <application> tag, but before the <activity> tag:

<meta-data
    android:name="com.google.android.geo.API_KEY"
    android:value="YOUR_API_KEY"/>

#Example    

# Polyline Animator

A Flutter package for animating polylines on Google Maps.

## Usage

```dart
import 'package:google_maps_flutter/google_maps_flutter.dart';
import 'package:polyline_animator/polyline_animator.dart';

// Initialize PolylineAnimator
final PolylineAnimator animator = PolylineAnimator();

// Define your points
List<LatLng> points = [
  LatLng(37.42796133580664, -122.085749655962),
  LatLng(37.42846133580664, -122.086749655962),
];

// Define your polylines map
Map<PolylineId, Polyline> polylines = {};

// Define your update function
void updatePolylines() {
  setState(() {});
}

// Start animation
animator.animatePolyline(
  points,
  'polyline_id',
  Colors.blue,
  Colors.red,
  polylines,
  updatePolylines,
);