@lugg/maps 0.2.0-alpha.19 → 0.2.0-alpha.20

package/android/src/main/java/com/luggmaps/LuggGoogleMapView.kt

@@ -337,6 +337,7 @@ class LuggGoogleMapView(private val reactContext: ThemedReactContext) :
       coordinates = polylineView.coordinates
       strokeColors = polylineView.strokeColors
       strokeWidth = polylineView.strokeWidth.dpToPx()
+      animatedOptions = polylineView.animatedOptions
       animated = polylineView.animated
       update()
     }
@@ -364,6 +365,7 @@ class LuggGoogleMapView(private val reactContext: ThemedReactContext) :
       coordinates = polylineView.coordinates
       strokeColors = polylineView.strokeColors
       strokeWidth = polylineView.strokeWidth.dpToPx()
+      animatedOptions = polylineView.animatedOptions
       animated = polylineView.animated
       update()
     }

package/android/src/main/java/com/luggmaps/LuggPolylineView.kt

@@ -12,6 +12,8 @@ interface LuggPolylineViewDelegate {
   fun polylineViewDidUpdate(polylineView: LuggPolylineView)
 }
 
+data class AnimatedOptions(val duration: Long = 2150L, val easing: String = "linear", val trailLength: Float = 1f, val delay: Long = 0L)
+
 class LuggPolylineView(context: Context) : ReactViewGroup(context) {
   var coordinates: List<LatLng> = emptyList()
     private set
@@ -25,6 +27,9 @@ class LuggPolylineView(context: Context) : ReactViewGroup(context) {
   var animated: Boolean = false
     private set
 
+  var animatedOptions: AnimatedOptions = AnimatedOptions()
+    private set
+
   var zIndex: Float = 0f
     private set
 
@@ -58,6 +63,10 @@ class LuggPolylineView(context: Context) : ReactViewGroup(context) {
     animated = value
   }
 
+  fun setAnimatedOptions(options: AnimatedOptions) {
+    animatedOptions = options
+  }
+
   fun setZIndex(value: Float) {
     zIndex = value
   }

package/android/src/main/java/com/luggmaps/LuggPolylineViewManager.kt

@@ -1,6 +1,7 @@
 package com.luggmaps
 
 import com.facebook.react.bridge.ReadableArray
+import com.facebook.react.bridge.ReadableMap
 import com.facebook.react.module.annotations.ReactModule
 import com.facebook.react.uimanager.ThemedReactContext
 import com.facebook.react.uimanager.ViewGroupManager
@@ -65,6 +66,21 @@ class LuggPolylineViewManager :
     view.setAnimated(value)
   }
 
+  @ReactProp(name = "animatedOptions")
+  override fun setAnimatedOptions(view: LuggPolylineView, value: ReadableMap?) {
+    val options = if (value != null) {
+      AnimatedOptions(
+        duration = if (value.hasKey("duration")) value.getDouble("duration").toLong() else 2150L,
+        easing = if (value.hasKey("easing")) value.getString("easing") ?: "linear" else "linear",
+        trailLength = if (value.hasKey("trailLength")) value.getDouble("trailLength").toFloat() else 1f,
+        delay = if (value.hasKey("delay")) value.getDouble("delay").toLong() else 0L
+      )
+    } else {
+      AnimatedOptions()
+    }
+    view.setAnimatedOptions(options)
+  }
+
   @ReactProp(name = "zIndex", defaultFloat = 0f)
   override fun setZIndex(view: LuggPolylineView, value: Float) {
     super.setZIndex(view, value)

package/android/src/main/java/com/luggmaps/core/PolylineAnimator.kt

@@ -1,5 +1,6 @@
 package com.luggmaps.core
 
+import android.animation.TimeInterpolator
 import android.animation.ValueAnimator
 import android.graphics.Color
 import android.location.Location
@@ -8,6 +9,7 @@ import com.google.android.gms.maps.model.LatLng
 import com.google.android.gms.maps.model.Polyline
 import com.google.android.gms.maps.model.StrokeStyle
 import com.google.android.gms.maps.model.StyleSpan
+import com.luggmaps.AnimatedOptions
 import kotlin.math.floor
 import kotlin.math.min
 
@@ -22,6 +24,14 @@ class PolylineAnimator {
     }
   var strokeColors: List<Int> = listOf(Color.BLACK)
   var strokeWidth: Float = 1f
+  var animatedOptions: AnimatedOptions = AnimatedOptions()
+    set(value) {
+      if (field == value) return
+      field = value
+      if (animated) {
+        restartAnimation()
+      }
+    }
 
   var animated: Boolean = false
     set(value) {
@@ -44,6 +54,24 @@ class PolylineAnimator {
   private val reusablePoints = ArrayList<LatLng>()
   private val reusableSpans = ArrayList<StyleSpan>()
 
+  private fun restartAnimation() {
+    stopAnimation()
+    startAnimation()
+  }
+
+  private fun getInterpolator(): TimeInterpolator =
+    when (animatedOptions.easing) {
+      "easeIn" -> TimeInterpolator { t -> t * t }
+
+      "easeOut" -> TimeInterpolator { t -> t * (2 - t) }
+
+      "easeInOut" -> TimeInterpolator { t ->
+        if (t < 0.5f) 2 * t * t else -1 + (4 - 2 * t) * t
+      }
+
+      else -> LinearInterpolator()
+    }
+
   fun update() {
     if (animated) return
 
@@ -64,10 +92,14 @@ class PolylineAnimator {
 
     computeCumulativeDistances()
 
-    animator = ValueAnimator.ofFloat(0f, 2.15f).apply {
-      duration = 2150
+    val trailLength = animatedOptions.trailLength.coerceIn(0.01f, 1f)
+    val endValue = if (trailLength < 1f) 1f else 2.15f
+
+    animator = ValueAnimator.ofFloat(0f, endValue).apply {
+      duration = animatedOptions.duration
+      startDelay = animatedOptions.delay
       repeatCount = ValueAnimator.INFINITE
-      interpolator = LinearInterpolator()
+      interpolator = getInterpolator()
       addUpdateListener { animation ->
         animationProgress = animation.animatedValue as Float
         updateAnimatedPolyline()
@@ -158,12 +190,16 @@ class PolylineAnimator {
       return
     }
 
-    val progress = min(animationProgress, 2f)
+    val trailLength = animatedOptions.trailLength.coerceIn(0.01f, 1f)
+    val progress = min(animationProgress, if (trailLength < 1f) 1f else 2f)
 
     val headDist: Float
     val tailDist: Float
 
-    if (progress <= 1f) {
+    if (trailLength < 1f) {
+      headDist = progress * totalLength
+      tailDist = maxOf(0f, headDist - totalLength * trailLength)
+    } else if (progress <= 1f) {
       tailDist = 0f
       headDist = progress * totalLength
     } else {

package/ios/LuggAppleMapView.mm

@@ -235,6 +235,8 @@ using namespace luggmaps::events;
 
 - (void)updateProps:(Props::Shared const &)props
            oldProps:(Props::Shared const &)oldProps {
+  const auto &oldViewProps =
+      *std::static_pointer_cast<LuggAppleMapViewProps const>(oldProps);
   const auto &newViewProps =
       *std::static_pointer_cast<LuggAppleMapViewProps const>(props);
 
@@ -244,9 +246,49 @@ using namespace luggmaps::events;
     _mapView.rotateEnabled = newViewProps.rotateEnabled;
     _mapView.pitchEnabled = newViewProps.pitchEnabled;
     _mapView.showsUserLocation = newViewProps.userLocationEnabled;
-    _mapView.layoutMargins = UIEdgeInsetsMake(
-        newViewProps.padding.top, newViewProps.padding.left,
-        newViewProps.padding.bottom, newViewProps.padding.right);
+
+    // Check if padding changed
+    BOOL paddingChanged =
+        oldViewProps.padding.top != newViewProps.padding.top ||
+        oldViewProps.padding.left != newViewProps.padding.left ||
+        oldViewProps.padding.bottom != newViewProps.padding.bottom ||
+        oldViewProps.padding.right != newViewProps.padding.right;
+
+    if (paddingChanged) {
+      // Calculate the offset difference to keep visual center stable
+      CGFloat oldOffsetX =
+          (oldViewProps.padding.left - oldViewProps.padding.right) / 2.0;
+      CGFloat oldOffsetY =
+          (oldViewProps.padding.top - oldViewProps.padding.bottom) / 2.0;
+      CGFloat newOffsetX =
+          (newViewProps.padding.left - newViewProps.padding.right) / 2.0;
+      CGFloat newOffsetY =
+          (newViewProps.padding.top - newViewProps.padding.bottom) / 2.0;
+
+      CGFloat deltaX = newOffsetX - oldOffsetX;
+      CGFloat deltaY = newOffsetY - oldOffsetY;
+
+      // Apply new padding first
+      _mapView.layoutMargins = UIEdgeInsetsMake(
+          newViewProps.padding.top, newViewProps.padding.left,
+          newViewProps.padding.bottom, newViewProps.padding.right);
+
+      // Convert pixel offset to coordinate offset
+      if (deltaX != 0 || deltaY != 0) {
+        CLLocationCoordinate2D currentCenter = _mapView.centerCoordinate;
+        CGPoint centerPoint = [_mapView convertCoordinate:currentCenter
+                                            toPointToView:_mapView];
+        CGPoint newPoint =
+            CGPointMake(centerPoint.x - deltaX, centerPoint.y - deltaY);
+        CLLocationCoordinate2D newCenter = [_mapView convertPoint:newPoint
+                                             toCoordinateFromView:_mapView];
+        [_mapView setCenterCoordinate:newCenter animated:NO];
+      }
+    } else {
+      _mapView.layoutMargins = UIEdgeInsetsMake(
+          newViewProps.padding.top, newViewProps.padding.left,
+          newViewProps.padding.bottom, newViewProps.padding.right);
+    }
 
     _minZoom = newViewProps.minZoom;
     _maxZoom = newViewProps.maxZoom;
@@ -379,6 +421,7 @@ using namespace luggmaps::events;
     renderer.strokeColor = polylineView.strokeColors.firstObject;
     renderer.strokeColors =
         polylineView.strokeColors.count > 1 ? polylineView.strokeColors : nil;
+    renderer.animatedOptions = polylineView.animatedOptions;
     renderer.animated = polylineView.animated;
     return;
   }
@@ -548,6 +591,7 @@ using namespace luggmaps::events;
       if (colors.count > 1) {
         renderer.strokeColors = colors;
       }
+      renderer.animatedOptions = polylineView.animatedOptions;
       renderer.animated = polylineView.animated;
       polylineView.renderer = renderer;
       return renderer;

package/ios/LuggGoogleMapView.mm

@@ -339,6 +339,7 @@ static NSString *const kDemoMapId = @"DEMO_MAP_ID";
   if (animator) {
     animator.coordinates = polylineView.coordinates;
     animator.strokeColors = polylineView.strokeColors;
+    animator.animatedOptions = polylineView.animatedOptions;
     animator.animated = polylineView.animated;
     [animator update];
   }
@@ -370,6 +371,7 @@ static NSString *const kDemoMapId = @"DEMO_MAP_ID";
   animator.polyline = polyline;
   animator.coordinates = polylineView.coordinates;
   animator.strokeColors = polylineView.strokeColors;
+  animator.animatedOptions = polylineView.animatedOptions;
   animator.animated = polylineView.animated;
   [animator update];
 

package/ios/LuggPolylineView.h

@@ -1,3 +1,4 @@
+#import "core/PolylineAnimatorBase.h"
 #import <CoreLocation/CoreLocation.h>
 #import <React/RCTViewComponentView.h>
 #import <UIKit/UIKit.h>
@@ -16,6 +17,8 @@ NS_ASSUME_NONNULL_BEGIN
 @property(nonatomic, readonly) NSArray<CLLocation *> *coordinates;
 @property(nonatomic, readonly) NSArray<UIColor *> *strokeColors;
 @property(nonatomic, readonly) BOOL animated;
+@property(nonatomic, readonly, nullable)
+    PolylineAnimatedOptions *animatedOptions;
 @property(nonatomic, readonly) CGFloat strokeWidth;
 @property(nonatomic, readonly) NSInteger zIndex;
 @property(nonatomic, weak, nullable) id<LuggPolylineViewDelegate> delegate;

package/ios/LuggPolylineView.mm

@@ -17,6 +17,7 @@ using namespace facebook::react;
   NSArray<CLLocation *> *_coordinates;
   NSArray<UIColor *> *_strokeColors;
   BOOL _animated;
+  PolylineAnimatedOptions *_animatedOptions;
   CGFloat _strokeWidth;
   NSInteger _zIndex;
 }
@@ -72,6 +73,19 @@ using namespace facebook::react;
   }
 
   _animated = newViewProps.animated;
+
+  const auto &opts = newViewProps.animatedOptions;
+  PolylineAnimatedOptions *options = [[PolylineAnimatedOptions alloc] init];
+  options.duration = opts.duration > 0 ? opts.duration : 2150;
+  options.trailLength = (opts.trailLength > 0 && opts.trailLength <= 1.0)
+                            ? opts.trailLength
+                            : 1.0;
+  options.delay = opts.delay;
+  options.easing = !opts.easing.empty()
+                       ? [NSString stringWithUTF8String:opts.easing.c_str()]
+                       : @"linear";
+  _animatedOptions = options;
+
   _strokeWidth = newViewProps.strokeWidth > 0 ? newViewProps.strokeWidth : 1.0;
   _zIndex = newViewProps.zIndex.value_or(0);
 }
@@ -98,6 +112,10 @@ using namespace facebook::react;
   return _animated;
 }
 
+- (PolylineAnimatedOptions *)animatedOptions {
+  return _animatedOptions;
+}
+
 - (CGFloat)strokeWidth {
   return _strokeWidth;
 }

package/ios/core/GMSPolylineAnimator.h

@@ -5,6 +5,7 @@
 
 @property(nonatomic, weak) GMSPolyline *polyline;
 @property(nonatomic, assign) BOOL animated;
+@property(nonatomic, strong) PolylineAnimatedOptions *animatedOptions;
 
 - (void)update;
 - (void)pause;

package/ios/core/GMSPolylineAnimator.m

@@ -30,10 +30,13 @@
   CADisplayLink *_displayLink;
   GMSDisplayLinkProxy *_displayLinkProxy;
   CGFloat _animationProgress;
+  CGFloat _delayRemaining;
   NSArray<NSNumber *> *_cumulativeDistances;
   CGFloat _totalLength;
 }
 
+@synthesize animatedOptions = _animatedOptions;
+
 - (void)dealloc {
   [self stopAnimation];
 }
@@ -59,12 +62,21 @@
   }
 }
 
+- (void)setAnimatedOptions:(PolylineAnimatedOptions *)animatedOptions {
+  _animatedOptions = animatedOptions ?: [PolylineAnimatedOptions defaultOptions];
+  if (_animated && _displayLink) {
+    [self stopAnimation];
+    [self startAnimation];
+  }
+}
+
 - (void)startAnimation {
   if (_displayLink) {
     return;
   }
   [self computeCumulativeDistances];
   _animationProgress = 0;
+  _delayRemaining = self.animatedOptions.delay / 1000.0;
   _displayLinkProxy = [[GMSDisplayLinkProxy alloc] initWithTarget:self selector:@selector(animationTick:)];
   _displayLink = [CADisplayLink displayLinkWithTarget:_displayLinkProxy selector:@selector(tick:)];
   [_displayLink addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSRunLoopCommonModes];
@@ -101,11 +113,23 @@
 }
 
 - (void)animationTick:(CADisplayLink *)displayLink {
-  CGFloat speed = displayLink.duration / 1.0;
+  if (_delayRemaining > 0) {
+    _delayRemaining -= displayLink.duration;
+    return;
+  }
+
+  CGFloat duration = self.animatedOptions.duration / 1000.0;
+  if (duration <= 0) duration = 2.15;
+
+  CGFloat trailLength = MAX(0.01, MIN(1.0, self.animatedOptions.trailLength));
+  CGFloat maxProgress = (trailLength < 1.0) ? 1.0 : 2.15;
+
+  CGFloat speed = displayLink.duration / duration;
   _animationProgress += speed;
 
-  if (_animationProgress >= 2.15) {
+  if (_animationProgress >= maxProgress) {
     _animationProgress = 0;
+    _delayRemaining = self.animatedOptions.delay / 1000.0;
   }
 
   [self updateAnimatedPolyline];
@@ -175,14 +199,21 @@
     return;
   }
 
-  CGFloat progress = MIN(_animationProgress, 2.0);
+  CGFloat trailLength = MAX(0.01, MIN(1.0, self.animatedOptions.trailLength));
+  CGFloat maxProgress = (trailLength < 1.0) ? 1.0 : 2.0;
+  CGFloat progress = MIN(_animationProgress, maxProgress);
+  CGFloat easedProgress = [self applyEasing:progress / maxProgress] * maxProgress;
+
   CGFloat headDist, tailDist;
 
-  if (progress <= 1.0) {
+  if (trailLength < 1.0) {
+    headDist = easedProgress * _totalLength;
+    tailDist = MAX(0, headDist - _totalLength * trailLength);
+  } else if (easedProgress <= 1.0) {
     tailDist = 0;
-    headDist = progress * _totalLength;
+    headDist = easedProgress * _totalLength;
   } else {
-    CGFloat shrinkProgress = progress - 1.0;
+    CGFloat shrinkProgress = easedProgress - 1.0;
     tailDist = shrinkProgress * _totalLength;
     headDist = _totalLength;
   }

package/ios/core/MKPolylineAnimator.h

@@ -1,3 +1,4 @@
+#import "PolylineAnimatorBase.h"
 #import <MapKit/MapKit.h>
 
 @interface MKPolylineAnimator : MKOverlayPathRenderer
@@ -6,6 +7,7 @@
 
 @property(nonatomic, strong) NSArray<UIColor *> *strokeColors;
 @property(nonatomic, assign) BOOL animated;
+@property(nonatomic, strong) PolylineAnimatedOptions *animatedOptions;
 
 - (void)updatePolyline:(MKPolyline *)polyline;
 - (void)pause;

package/ios/core/MKPolylineAnimator.m

@@ -31,6 +31,7 @@
   CADisplayLink *_displayLink;
   MKDisplayLinkProxy *_displayLinkProxy;
   CGFloat _animationProgress;
+  CGFloat _delayRemaining;
   NSArray<NSNumber *> *_cumulativeDistances;
   CGFloat _totalLength;
   CGColorSpaceRef _colorSpace;
@@ -41,12 +42,21 @@
   if (self) {
     _polyline = polyline;
     _animationProgress = 0;
+    _animatedOptions = [PolylineAnimatedOptions defaultOptions];
     _colorSpace = CGColorSpaceCreateDeviceRGB();
     [self createPath];
   }
   return self;
 }
 
+- (void)setAnimatedOptions:(PolylineAnimatedOptions *)animatedOptions {
+  _animatedOptions = animatedOptions ?: [PolylineAnimatedOptions defaultOptions];
+  if (_animated && _displayLink) {
+    [self stopAnimation];
+    [self startAnimation];
+  }
+}
+
 - (void)dealloc {
   [self stopAnimation];
   if (_colorSpace) {
@@ -74,6 +84,7 @@
   }
   [self computeCumulativeDistances];
   _animationProgress = 0;
+  _delayRemaining = _animatedOptions.delay / 1000.0;
   _displayLinkProxy = [[MKDisplayLinkProxy alloc] initWithTarget:self selector:@selector(animationTick:)];
   _displayLink = [CADisplayLink displayLinkWithTarget:_displayLinkProxy selector:@selector(tick:)];
   [_displayLink addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSRunLoopCommonModes];
@@ -125,12 +136,37 @@
   return MIN(left, _cumulativeDistances.count - 2);
 }
 
+- (CGFloat)applyEasing:(CGFloat)t {
+  NSString *easing = _animatedOptions.easing ?: @"linear";
+
+  if ([easing isEqualToString:@"easeIn"]) {
+    return t * t;
+  } else if ([easing isEqualToString:@"easeOut"]) {
+    return t * (2 - t);
+  } else if ([easing isEqualToString:@"easeInOut"]) {
+    return t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t;
+  }
+  return t;
+}
+
 - (void)animationTick:(CADisplayLink *)displayLink {
-  CGFloat speed = displayLink.duration / 1.0;
+  if (_delayRemaining > 0) {
+    _delayRemaining -= displayLink.duration;
+    return;
+  }
+
+  CGFloat duration = _animatedOptions.duration / 1000.0;
+  if (duration <= 0) duration = 2.15;
+
+  CGFloat trailLength = MAX(0.01, MIN(1.0, _animatedOptions.trailLength));
+  CGFloat maxProgress = (trailLength < 1.0) ? 1.0 : 2.15;
+
+  CGFloat speed = displayLink.duration / duration;
   _animationProgress += speed;
 
-  if (_animationProgress >= 2.15) {
+  if (_animationProgress >= maxProgress) {
     _animationProgress = 0;
+    _delayRemaining = _animatedOptions.delay / 1000.0;
   }
 
   MKMapRect bounds = _polyline.boundingMapRect;
@@ -214,14 +250,21 @@
 
   // Snake animation: grow from start, then shrink from start
   if (_animated && _polyline.pointCount > 1 && _totalLength > 0) {
-    CGFloat progress = MIN(_animationProgress, 2.0);
+    CGFloat trailLength = MAX(0.01, MIN(1.0, _animatedOptions.trailLength));
+    CGFloat maxProgress = (trailLength < 1.0) ? 1.0 : 2.0;
+    CGFloat progress = MIN(_animationProgress, maxProgress);
+    CGFloat easedProgress = [self applyEasing:progress / maxProgress] * maxProgress;
+
     CGFloat headDist, tailDist;
 
-    if (progress <= 1.0) {
+    if (trailLength < 1.0) {
+      headDist = easedProgress * _totalLength;
+      tailDist = MAX(0, headDist - _totalLength * trailLength);
+    } else if (easedProgress <= 1.0) {
       tailDist = 0;
-      headDist = progress * _totalLength;
+      headDist = easedProgress * _totalLength;
     } else {
-      CGFloat shrinkProgress = progress - 1.0;
+      CGFloat shrinkProgress = easedProgress - 1.0;
       tailDist = shrinkProgress * _totalLength;
       headDist = _totalLength;
     }

package/ios/core/PolylineAnimatorBase.h

@@ -2,11 +2,23 @@
 #import <Foundation/Foundation.h>
 #import <UIKit/UIKit.h>
 
+@interface PolylineAnimatedOptions : NSObject
+
+@property(nonatomic, assign) NSTimeInterval duration;
+@property(nonatomic, copy) NSString *easing;
+@property(nonatomic, assign) CGFloat trailLength;
+@property(nonatomic, assign) NSTimeInterval delay;
+
++ (instancetype)defaultOptions;
+
+@end
+
 @protocol PolylineAnimator <NSObject>
 
 @property(nonatomic, strong) NSArray<CLLocation *> *coordinates;
 @property(nonatomic, strong) NSArray<UIColor *> *strokeColors;
 @property(nonatomic, assign) BOOL animated;
+@property(nonatomic, strong) PolylineAnimatedOptions *animatedOptions;
 
 - (void)update;
 
@@ -16,7 +28,9 @@
 
 @property(nonatomic, strong) NSArray<CLLocation *> *coordinates;
 @property(nonatomic, strong) NSArray<UIColor *> *strokeColors;
+@property(nonatomic, strong) PolylineAnimatedOptions *animatedOptions;
 
 - (UIColor *)colorAtGradientPosition:(CGFloat)position;
+- (CGFloat)applyEasing:(CGFloat)t;
 
 @end

package/ios/core/PolylineAnimatorBase.m

@@ -1,7 +1,40 @@
 #import "PolylineAnimatorBase.h"
 
+@implementation PolylineAnimatedOptions
+
++ (instancetype)defaultOptions {
+  PolylineAnimatedOptions *options = [[PolylineAnimatedOptions alloc] init];
+  options.duration = 2.15;
+  options.easing = @"linear";
+  options.trailLength = 1.0;
+  options.delay = 0;
+  return options;
+}
+
+@end
+
 @implementation PolylineAnimatorBase
 
+- (instancetype)init {
+  if (self = [super init]) {
+    _animatedOptions = [PolylineAnimatedOptions defaultOptions];
+  }
+  return self;
+}
+
+- (CGFloat)applyEasing:(CGFloat)t {
+  NSString *easing = self.animatedOptions.easing ?: @"linear";
+
+  if ([easing isEqualToString:@"easeIn"]) {
+    return t * t;
+  } else if ([easing isEqualToString:@"easeOut"]) {
+    return t * (2 - t);
+  } else if ([easing isEqualToString:@"easeInOut"]) {
+    return t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t;
+  }
+  return t;
+}
+
 - (UIColor *)colorAtGradientPosition:(CGFloat)position {
   if (!_strokeColors || _strokeColors.count == 0) {
     return [UIColor blackColor];

package/ios/extensions/MKMapView+Zoom.h

@@ -12,6 +12,8 @@ NS_ASSUME_NONNULL_BEGIN
                           (CLLocationCoordinate2D)centerCoordinate
                                       zoomLevel:(double)zoomLevel;
 
+/// Returns the zoom level based on the full map region, not affected by
+/// layoutMargins
 - (double)zoomLevel;
 
 @end

package/ios/extensions/MKMapView+Zoom.m

@@ -19,12 +19,21 @@
 
 #pragma mark - Public Methods
 
+// Constant for altitude/zoom conversion (meters at zoom level 0)
+static const double kAltitudeAtZoomZero = 220000000.0;
+
 - (void)setCenterCoordinate:(CLLocationCoordinate2D)centerCoordinate
                   zoomLevel:(double)zoomLevel
                    animated:(BOOL)animated
 {
-    MKCoordinateRegion region = [self regionForCenterCoordinate:centerCoordinate zoomLevel:zoomLevel];
-    [self setRegion:region animated:animated];
+    // Use camera API directly to avoid region/margin interaction
+    CLLocationDistance altitude = kAltitudeAtZoomZero / pow(2, zoomLevel);
+    MKMapCamera *camera = [MKMapCamera cameraLookingAtCenterCoordinate:centerCoordinate
+                                                    fromEyeCoordinate:centerCoordinate
+                                                          eyeAltitude:altitude];
+    camera.pitch = self.camera.pitch;
+    camera.heading = self.camera.heading;
+    [self setCamera:camera animated:animated];
 }
 
 - (MKCoordinateRegion)regionForCenterCoordinate:(CLLocationCoordinate2D)centerCoordinate
@@ -37,8 +46,9 @@
 
 - (double)zoomLevel
 {
-    MKCoordinateRegion region = self.region;
-    double zoomLevel = log2(360.0 / region.span.latitudeDelta) + 0.5;
+    // Use camera altitude which isn't affected by layoutMargins
+    CLLocationDistance altitude = self.camera.altitude;
+    double zoomLevel = log2(kAltitudeAtZoomZero / altitude);
     return zoomLevel;
 }
 

package/lib/module/components/Polyline.js

@@ -11,6 +11,7 @@ export class Polyline extends React.Component {
       strokeColors,
       strokeWidth,
       animated = false,
+      animatedOptions,
       zIndex
     } = this.props;
     return /*#__PURE__*/_jsx(LuggPolylineViewNativeComponent, {
@@ -20,7 +21,8 @@ export class Polyline extends React.Component {
       coordinates: coordinates,
       strokeColors: strokeColors,
       strokeWidth: strokeWidth,
-      animated: animated
+      animated: animated,
+      animatedOptions: animatedOptions
     });
   }
 }

package/lib/module/components/Polyline.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","LuggPolylineViewNativeComponent","jsx","_jsx","Polyline","Component","render","coordinates","strokeColors","strokeWidth","animated","zIndex","props","style","styles","polyline","create","position","pointerEvents"],"sourceRoot":"../../../src","sources":["components/Polyline.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,+BAA+B,MAAM,2CAA2C;AAAC,SAAAC,GAAA,IAAAC,IAAA;AA0BxF,OAAO,MAAMC,QAAQ,SAASL,KAAK,CAACM,SAAS,CAAgB;EAC3DC,MAAMA,CAAA,EAAG;IACP,MAAM;MACJC,WAAW;MACXC,YAAY;MACZC,WAAW;MACXC,QAAQ,GAAG,KAAK;MAChBC;IACF,CAAC,GAAG,IAAI,CAACC,KAAK;IAEd,oBACET,IAAA,CAACF,+BAA+B;MAC9BY,KAAK,EAAE,CAAC;QAAEF;MAAO,CAAC,EAAEG,MAAM,CAACC,QAAQ,CAAE;MACrCR,WAAW,EAAEA,WAAY;MACzBC,YAAY,EAAEA,YAAa;MAC3BC,WAAW,EAAEA,WAAY;MACzBC,QAAQ,EAAEA;IAAS,CACpB,CAAC;EAEN;AACF;AAEA,MAAMI,MAAM,GAAGd,UAAU,CAACgB,MAAM,CAAC;EAC/BD,QAAQ,EAAE;IACRE,QAAQ,EAAE,UAAU;IACpBC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","LuggPolylineViewNativeComponent","jsx","_jsx","Polyline","Component","render","coordinates","strokeColors","strokeWidth","animated","animatedOptions","zIndex","props","style","styles","polyline","create","position","pointerEvents"],"sourceRoot":"../../../src","sources":["components/Polyline.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,+BAA+B,MAAM,2CAA2C;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAwDxF,OAAO,MAAMC,QAAQ,SAASL,KAAK,CAACM,SAAS,CAAgB;EAC3DC,MAAMA,CAAA,EAAG;IACP,MAAM;MACJC,WAAW;MACXC,YAAY;MACZC,WAAW;MACXC,QAAQ,GAAG,KAAK;MAChBC,eAAe;MACfC;IACF,CAAC,GAAG,IAAI,CAACC,KAAK;IAEd,oBACEV,IAAA,CAACF,+BAA+B;MAC9Ba,KAAK,EAAE,CAAC;QAAEF;MAAO,CAAC,EAAEG,MAAM,CAACC,QAAQ,CAAE;MACrCT,WAAW,EAAEA,WAAY;MACzBC,YAAY,EAAEA,YAAa;MAC3BC,WAAW,EAAEA,WAAY;MACzBC,QAAQ,EAAEA,QAAS;MACnBC,eAAe,EAAEA;IAAgB,CAClC,CAAC;EAEN;AACF;AAEA,MAAMI,MAAM,GAAGf,UAAU,CAACiB,MAAM,CAAC;EAC/BD,QAAQ,EAAE;IACRE,QAAQ,EAAE,UAAU;IACpBC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Polyline.web.js

@@ -2,7 +2,19 @@
 
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useMapContext } from "../MapProvider.web.js";
-const ANIMATION_DURATION = 1500;
+const DEFAULT_DURATION = 2150;
+function applyEasing(t, easing = 'linear') {
+  switch (easing) {
+    case 'easeIn':
+      return t * t;
+    case 'easeOut':
+      return t * (2 - t);
+    case 'easeInOut':
+      return t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t;
+    default:
+      return t;
+  }
+}
 function interpolateColor(color1, color2, t) {
   const hex = c => parseInt(c, 16);
   const r1 = hex(color1.slice(1, 3));
@@ -30,6 +42,7 @@ export function Polyline({
   strokeColors,
   strokeWidth = 1,
   animated,
+  animatedOptions,
   zIndex
 }) {
   const resolvedZIndex = zIndex ?? (animated ? 1 : 0);
@@ -129,16 +142,50 @@ export function Polyline({
       updatePath(fullPath);
       return;
     }
+    const duration = animatedOptions?.duration ?? DEFAULT_DURATION;
+    const easing = animatedOptions?.easing ?? 'linear';
+    const trailLength = Math.max(0.01, Math.min(1, animatedOptions?.trailLength ?? 1));
+    const delay = animatedOptions?.delay ?? 0;
     const totalPoints = fullPath.length;
-    const cycleDuration = ANIMATION_DURATION * 2;
+    const useTrailMode = trailLength < 1;
+    const cycleDuration = useTrailMode ? duration : duration * 2;
+    let startTime = null;
+    let delayRemaining = delay;
     const animate = time => {
       if (isPausedRef.current) {
+        startTime = null;
         animationRef.current = requestAnimationFrame(animate);
         return;
       }
-      const progress = time % cycleDuration / ANIMATION_DURATION;
-      const startIdx = progress <= 1 ? 0 : (progress - 1) * totalPoints;
-      const endIdx = progress <= 1 ? progress * totalPoints : totalPoints;
+      if (startTime === null) {
+        startTime = time;
+      }
+      const elapsed = time - startTime;
+      if (delayRemaining > 0) {
+        if (elapsed < delayRemaining) {
+          animationRef.current = requestAnimationFrame(animate);
+          return;
+        }
+        startTime = time - (elapsed - delayRemaining);
+        delayRemaining = 0;
+      }
+      const rawProgress = (time - startTime) % cycleDuration / duration;
+      const maxProgress = useTrailMode ? 1 : 2;
+      const clampedProgress = Math.min(rawProgress, maxProgress);
+      const easedProgress = applyEasing(clampedProgress / maxProgress, easing) * maxProgress;
+      let startIdx;
+      let endIdx;
+      if (useTrailMode) {
+        endIdx = easedProgress * totalPoints;
+        startIdx = Math.max(0, endIdx - trailLength * totalPoints);
+      } else {
+        startIdx = easedProgress <= 1 ? 0 : (easedProgress - 1) * totalPoints;
+        endIdx = easedProgress <= 1 ? easedProgress * totalPoints : totalPoints;
+      }
+      if (rawProgress >= maxProgress) {
+        delayRemaining = delay;
+        startTime = time;
+      }
       const partialPath = [];
       const startFloor = Math.floor(startIdx);
       const endFloor = Math.floor(endIdx);
@@ -176,7 +223,7 @@ export function Polyline({
     };
     animationRef.current = requestAnimationFrame(animate);
     return () => cancelAnimationFrame(animationRef.current);
-  }, [coordinates, animated, hasGradient, updatePath, mapReady]);
+  }, [coordinates, animated, animatedOptions, hasGradient, updatePath, mapReady]);
   return null;
 }
 //# sourceMappingURL=Polyline.web.js.map

package/lib/module/components/Polyline.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useEffect","useMemo","useRef","useState","useMapContext","ANIMATION_DURATION","interpolateColor","color1","color2","t","hex","c","parseInt","r1","slice","g1","b1","r2","g2","b2","r","Math","round","g","b","toString","padStart","getGradientColor","colors","position","length","scaledPos","index","floor","Polyline","coordinates","strokeColors","strokeWidth","animated","zIndex","resolvedZIndex","map","isDragging","polylinesRef","animationRef","isPausedRef","hasGradient","propsRef","mapReady","setMapReady","current","updatePath","path","currentMap","currentColors","currentStrokeWidth","currentHasGradient","currentZIndex","neededSegments","existing","i","segmentPath","color","segment","setPath","setOptions","strokeColor","push","google","maps","strokeWeight","strokeOpacity","setMap","polylines","cancelAnimationFrame","forEach","p","fullPath","lat","latitude","lng","longitude","totalPoints","cycleDuration","animate","time","requestAnimationFrame","progress","startIdx","endIdx","partialPath","startFloor","endFloor","frac","from","to","min"],"sourceRoot":"../../../src","sources":["components/Polyline.web.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useCallback","useEffect","useMemo","useRef","useState","useMapContext","DEFAULT_DURATION","applyEasing","t","easing","interpolateColor","color1","color2","hex","c","parseInt","r1","slice","g1","b1","r2","g2","b2","r","Math","round","g","b","toString","padStart","getGradientColor","colors","position","length","scaledPos","index","floor","Polyline","coordinates","strokeColors","strokeWidth","animated","animatedOptions","zIndex","resolvedZIndex","map","isDragging","polylinesRef","animationRef","isPausedRef","hasGradient","propsRef","mapReady","setMapReady","current","updatePath","path","currentMap","currentColors","currentStrokeWidth","currentHasGradient","currentZIndex","neededSegments","existing","i","segmentPath","color","segment","setPath","setOptions","strokeColor","push","google","maps","strokeWeight","strokeOpacity","setMap","polylines","cancelAnimationFrame","forEach","p","fullPath","lat","latitude","lng","longitude","duration","trailLength","max","min","delay","totalPoints","useTrailMode","cycleDuration","startTime","delayRemaining","animate","time","requestAnimationFrame","elapsed","rawProgress","maxProgress","clampedProgress","easedProgress","startIdx","endIdx","partialPath","startFloor","endFloor","frac","from","to"],"sourceRoot":"../../../src","sources":["components/Polyline.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/fabric/LuggPolylineViewNativeComponent.ts

@@ -7,11 +7,19 @@ export interface Coordinate {
   longitude: Double;
 }
 
+export interface AnimatedOptions {
+  duration?: Double;
+  easing?: string;
+  trailLength?: Double;
+  delay?: Double;
+}
+
 export interface NativeProps extends ViewProps {
   coordinates: ReadonlyArray<Coordinate>;
   strokeColors?: ReadonlyArray<ColorValue>;
   strokeWidth?: Double;
   animated?: boolean;
+  animatedOptions?: AnimatedOptions;
 }
 
 export default codegenNativeComponent<NativeProps>(

package/lib/typescript/src/components/Polyline.d.ts

@@ -1,6 +1,30 @@
 import React from 'react';
 import type { ColorValue } from 'react-native';
 import type { Coordinate } from '../types';
+export type PolylineEasing = 'linear' | 'easeIn' | 'easeOut' | 'easeInOut';
+export interface PolylineAnimatedOptions {
+    /**
+     * Animation duration in milliseconds
+     * @default 2150
+     */
+    duration?: number;
+    /**
+     * Easing function for the animation
+     * @default 'linear'
+     */
+    easing?: PolylineEasing;
+    /**
+     * Portion of the line visible as trail (0-1)
+     * 1.0 = full snake effect, 0.2 = short worm
+     * @default 1.0
+     */
+    trailLength?: number;
+    /**
+     * Delay before animation starts in milliseconds
+     * @default 0
+     */
+    delay?: number;
+}
 export interface PolylineProps {
     /**
      * Array of coordinates forming the polyline
@@ -18,6 +42,10 @@ export interface PolylineProps {
      * Animate the polyline with a snake effect
      */
     animated?: boolean;
+    /**
+     * Animation configuration options
+     */
+    animatedOptions?: PolylineAnimatedOptions;
     /**
      * Z-index for layering polylines
      */

package/lib/typescript/src/components/Polyline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Polyline.d.ts","sourceRoot":"","sources":["../../../../src/components/Polyline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG/C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE3C,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B;;OAEG;IACH,YAAY,CAAC,EAAE,UAAU,EAAE,CAAC;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,qBAAa,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IAC1D,MAAM;CAmBP"}
+{"version":3,"file":"Polyline.d.ts","sourceRoot":"","sources":["../../../../src/components/Polyline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG/C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE3C,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAC;AAE3E,MAAM,WAAW,uBAAuB;IACtC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B;;OAEG;IACH,YAAY,CAAC,EAAE,UAAU,EAAE,CAAC;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,uBAAuB,CAAC;IAC1C;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,qBAAa,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IAC1D,MAAM;CAqBP"}

package/lib/typescript/src/components/Polyline.web.d.ts

@@ -1,3 +1,3 @@
 import type { PolylineProps } from './Polyline';
-export declare function Polyline({ coordinates, strokeColors, strokeWidth, animated, zIndex, }: PolylineProps): null;
+export declare function Polyline({ coordinates, strokeColors, strokeWidth, animated, animatedOptions, zIndex, }: PolylineProps): null;
 //# sourceMappingURL=Polyline.web.d.ts.map

package/lib/typescript/src/components/Polyline.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Polyline.web.d.ts","sourceRoot":"","sources":["../../../../src/components/Polyline.web.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAkChD,wBAAgB,QAAQ,CAAC,EACvB,WAAW,EACX,YAAY,EACZ,WAAe,EACf,QAAQ,EACR,MAAM,GACP,EAAE,aAAa,QAiLf"}
+{"version":3,"file":"Polyline.web.d.ts","sourceRoot":"","sources":["../../../../src/components/Polyline.web.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAkB,MAAM,YAAY,CAAC;AA+ChE,wBAAgB,QAAQ,CAAC,EACvB,WAAW,EACX,YAAY,EACZ,WAAe,EACf,QAAQ,EACR,eAAe,EACf,MAAM,GACP,EAAE,aAAa,QAsOf"}

package/lib/typescript/src/fabric/LuggPolylineViewNativeComponent.d.ts

@@ -4,11 +4,18 @@ export interface Coordinate {
     latitude: Double;
     longitude: Double;
 }
+export interface AnimatedOptions {
+    duration?: Double;
+    easing?: string;
+    trailLength?: Double;
+    delay?: Double;
+}
 export interface NativeProps extends ViewProps {
     coordinates: ReadonlyArray<Coordinate>;
     strokeColors?: ReadonlyArray<ColorValue>;
     strokeWidth?: Double;
     animated?: boolean;
+    animatedOptions?: AnimatedOptions;
 }
 declare const _default: HostComponent<NativeProps>;
 export default _default;

package/lib/typescript/src/fabric/LuggPolylineViewNativeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LuggPolylineViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../../src/fabric/LuggPolylineViewNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACzE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,2CAA2C,CAAC;AAExE,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,WAAW,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;wBAII,aAAa,CAAC,WAAW,CAAC;AAF/B,wBAEgC"}
+{"version":3,"file":"LuggPolylineViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../../src/fabric/LuggPolylineViewNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACzE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,2CAA2C,CAAC;AAExE,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,WAAW,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC;wBAII,aAAa,CAAC,WAAW,CAAC;AAF/B,wBAEgC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lugg/maps",
-  "version": "0.2.0-alpha.19",
+  "version": "0.2.0-alpha.20",
   "description": "Universal maps for React Native.",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/components/Polyline.tsx

@@ -4,6 +4,32 @@ import { StyleSheet } from 'react-native';
 import LuggPolylineViewNativeComponent from '../fabric/LuggPolylineViewNativeComponent';
 import type { Coordinate } from '../types';
 
+export type PolylineEasing = 'linear' | 'easeIn' | 'easeOut' | 'easeInOut';
+
+export interface PolylineAnimatedOptions {
+  /**
+   * Animation duration in milliseconds
+   * @default 2150
+   */
+  duration?: number;
+  /**
+   * Easing function for the animation
+   * @default 'linear'
+   */
+  easing?: PolylineEasing;
+  /**
+   * Portion of the line visible as trail (0-1)
+   * 1.0 = full snake effect, 0.2 = short worm
+   * @default 1.0
+   */
+  trailLength?: number;
+  /**
+   * Delay before animation starts in milliseconds
+   * @default 0
+   */
+  delay?: number;
+}
+
 export interface PolylineProps {
   /**
    * Array of coordinates forming the polyline
@@ -21,6 +47,10 @@ export interface PolylineProps {
    * Animate the polyline with a snake effect
    */
   animated?: boolean;
+  /**
+   * Animation configuration options
+   */
+  animatedOptions?: PolylineAnimatedOptions;
   /**
    * Z-index for layering polylines
    */
@@ -34,6 +64,7 @@ export class Polyline extends React.Component<PolylineProps> {
       strokeColors,
       strokeWidth,
       animated = false,
+      animatedOptions,
       zIndex,
     } = this.props;
 
@@ -44,6 +75,7 @@ export class Polyline extends React.Component<PolylineProps> {
         strokeColors={strokeColors}
         strokeWidth={strokeWidth}
         animated={animated}
+        animatedOptions={animatedOptions}
       />
     );
   }

package/src/components/Polyline.web.tsx

@@ -1,8 +1,21 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useMapContext } from '../MapProvider.web';
-import type { PolylineProps } from './Polyline';
-
-const ANIMATION_DURATION = 1500;
+import type { PolylineProps, PolylineEasing } from './Polyline';
+
+const DEFAULT_DURATION = 2150;
+
+function applyEasing(t: number, easing: PolylineEasing = 'linear'): number {
+  switch (easing) {
+    case 'easeIn':
+      return t * t;
+    case 'easeOut':
+      return t * (2 - t);
+    case 'easeInOut':
+      return t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t;
+    default:
+      return t;
+  }
+}
 
 function interpolateColor(color1: string, color2: string, t: number): string {
   const hex = (c: string) => parseInt(c, 16);
@@ -39,6 +52,7 @@ export function Polyline({
   strokeColors,
   strokeWidth = 1,
   animated,
+  animatedOptions,
   zIndex,
 }: PolylineProps) {
   const resolvedZIndex = zIndex ?? (animated ? 1 : 0);
@@ -153,18 +167,64 @@ export function Polyline({
       return;
     }
 
+    const duration = animatedOptions?.duration ?? DEFAULT_DURATION;
+    const easing = animatedOptions?.easing ?? 'linear';
+    const trailLength = Math.max(
+      0.01,
+      Math.min(1, animatedOptions?.trailLength ?? 1)
+    );
+    const delay = animatedOptions?.delay ?? 0;
+
     const totalPoints = fullPath.length;
-    const cycleDuration = ANIMATION_DURATION * 2;
+    const useTrailMode = trailLength < 1;
+    const cycleDuration = useTrailMode ? duration : duration * 2;
+
+    let startTime: number | null = null;
+    let delayRemaining = delay;
 
     const animate = (time: number) => {
       if (isPausedRef.current) {
+        startTime = null;
         animationRef.current = requestAnimationFrame(animate);
         return;
       }
 
-      const progress = (time % cycleDuration) / ANIMATION_DURATION;
-      const startIdx = progress <= 1 ? 0 : (progress - 1) * totalPoints;
-      const endIdx = progress <= 1 ? progress * totalPoints : totalPoints;
+      if (startTime === null) {
+        startTime = time;
+      }
+
+      const elapsed = time - startTime;
+
+      if (delayRemaining > 0) {
+        if (elapsed < delayRemaining) {
+          animationRef.current = requestAnimationFrame(animate);
+          return;
+        }
+        startTime = time - (elapsed - delayRemaining);
+        delayRemaining = 0;
+      }
+
+      const rawProgress = ((time - startTime) % cycleDuration) / duration;
+      const maxProgress = useTrailMode ? 1 : 2;
+      const clampedProgress = Math.min(rawProgress, maxProgress);
+      const easedProgress =
+        applyEasing(clampedProgress / maxProgress, easing) * maxProgress;
+
+      let startIdx: number;
+      let endIdx: number;
+
+      if (useTrailMode) {
+        endIdx = easedProgress * totalPoints;
+        startIdx = Math.max(0, endIdx - trailLength * totalPoints);
+      } else {
+        startIdx = easedProgress <= 1 ? 0 : (easedProgress - 1) * totalPoints;
+        endIdx = easedProgress <= 1 ? easedProgress * totalPoints : totalPoints;
+      }
+
+      if (rawProgress >= maxProgress) {
+        delayRemaining = delay;
+        startTime = time;
+      }
 
       const partialPath: google.maps.LatLngLiteral[] = [];
       const startFloor = Math.floor(startIdx);
@@ -214,7 +274,14 @@ export function Polyline({
     animationRef.current = requestAnimationFrame(animate);
 
     return () => cancelAnimationFrame(animationRef.current);
-  }, [coordinates, animated, hasGradient, updatePath, mapReady]);
+  }, [
+    coordinates,
+    animated,
+    animatedOptions,
+    hasGradient,
+    updatePath,
+    mapReady,
+  ]);
 
   return null;
 }

package/src/fabric/LuggPolylineViewNativeComponent.ts

@@ -7,11 +7,19 @@ export interface Coordinate {
   longitude: Double;
 }
 
+export interface AnimatedOptions {
+  duration?: Double;
+  easing?: string;
+  trailLength?: Double;
+  delay?: Double;
+}
+
 export interface NativeProps extends ViewProps {
   coordinates: ReadonlyArray<Coordinate>;
   strokeColors?: ReadonlyArray<ColorValue>;
   strokeWidth?: Double;
   animated?: boolean;
+  animatedOptions?: AnimatedOptions;
 }
 
 export default codegenNativeComponent<NativeProps>(