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

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

@@ -146,10 +146,7 @@ class LuggGoogleMapView(private val reactContext: ThemedReactContext) :
       view.onCreate(null)
       view.onResume()
       view.getMapAsync(this)
-      mapWrapperView?.addView(
-        view,
-        LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT)
-      )
+      mapWrapperView?.addView(view)
     }
   }
 
@@ -176,6 +173,9 @@ class LuggGoogleMapView(private val reactContext: ThemedReactContext) :
 
   override fun onCameraMoveStarted(reason: Int) {
     isDragging = reason == GoogleMap.OnCameraMoveStartedListener.REASON_GESTURE
+    if (isDragging) {
+      polylineAnimators.values.forEach { it.pause() }
+    }
   }
 
   override fun onCameraMove() {
@@ -188,6 +188,9 @@ class LuggGoogleMapView(private val reactContext: ThemedReactContext) :
     val map = googleMap ?: return
     val position = map.cameraPosition
     eventDelegate?.onCameraIdle(this, position.target.latitude, position.target.longitude, position.zoom, isDragging)
+    if (isDragging) {
+      polylineAnimators.values.forEach { it.resume() }
+    }
     isDragging = false
   }
 
@@ -241,9 +244,7 @@ class LuggGoogleMapView(private val reactContext: ThemedReactContext) :
     }
 
     if (markerView.hasCustomView) {
-      // Recreate marker with custom view
-      markerView.marker?.remove()
-      addMarkerViewToMap(markerView)
+      markerView.updateIcon { addMarkerViewToMap(markerView) }
     } else {
       syncMarkerView(markerView)
     }
@@ -276,9 +277,12 @@ class LuggGoogleMapView(private val reactContext: ThemedReactContext) :
       snippet = markerView.description
       setAnchor(markerView.anchorX, markerView.anchorY)
       zIndex = markerView.zIndex
-      if (!markerView.hasCustomView) {
-        iconView = null
-      }
+      rotation = markerView.rotate
+    }
+
+    if (markerView.hasCustomView && markerView.scaleChanged) {
+      markerView.applyScaleToMarker()
+      markerView.clearScaleChanged()
     }
   }
 
@@ -296,24 +300,19 @@ class LuggGoogleMapView(private val reactContext: ThemedReactContext) :
     }
 
     val position = LatLng(markerView.latitude, markerView.longitude)
-    val iconView = markerView.iconView
-
-    (iconView.parent as? ViewGroup)?.removeView(iconView)
 
     val options = AdvancedMarkerOptions()
       .position(position)
       .title(markerView.title)
       .snippet(markerView.description)
 
-    if (markerView.hasCustomView) {
-      options.iconView(iconView)
-    }
-
     val marker = map.addMarker(options) as AdvancedMarker
     marker.setAnchor(markerView.anchorX, markerView.anchorY)
     marker.zIndex = markerView.zIndex
+    marker.rotation = markerView.rotate
 
     markerView.marker = marker
+    markerView.applyIconToMarker()
   }
 
   // endregion

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

@@ -1,6 +1,7 @@
 package com.luggmaps
 
 import android.annotation.SuppressLint
+import android.util.Log
 import com.facebook.react.uimanager.ThemedReactContext
 import com.facebook.react.views.view.ReactViewGroup
 

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

@@ -1,10 +1,16 @@
 package com.luggmaps
 
 import android.content.Context
+import android.graphics.Bitmap
+import android.graphics.Canvas
 import android.view.View
+import android.view.ViewGroup
+import androidx.core.graphics.createBitmap
 import androidx.core.view.isNotEmpty
 import com.facebook.react.views.view.ReactViewGroup
 import com.google.android.gms.maps.model.AdvancedMarker
+import com.google.android.gms.maps.model.BitmapDescriptor
+import com.google.android.gms.maps.model.BitmapDescriptorFactory
 
 interface LuggMarkerViewDelegate {
   fun markerViewDidUpdate(markerView: LuggMarkerView)
@@ -12,6 +18,8 @@ interface LuggMarkerViewDelegate {
 }
 
 class LuggMarkerView(context: Context) : ReactViewGroup(context) {
+  private var scaleUpdateRunnable: Runnable? = null
+
   var name: String? = null
     private set
 
@@ -36,23 +44,115 @@ class LuggMarkerView(context: Context) : ReactViewGroup(context) {
   var zIndex: Float = 0f
     private set
 
+  var rotate: Float = 0f
+    private set
+
+  var scale: Float = 1f
+    private set
+
+  var scaleChanged: Boolean = false
+    private set
+
+  var rasterize: Boolean = true
+    private set
+
   var didLayout: Boolean = false
     private set
 
   val hasCustomView: Boolean
     get() = iconView.isNotEmpty()
 
-  val iconView: ReactViewGroup = object : ReactViewGroup(context) {
-    override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
-      var maxWidth = 0
-      var maxHeight = 0
-      for (i in 0 until childCount) {
-        val child = getChildAt(i)
-        if (child.width > maxWidth) maxWidth = child.width
-        if (child.height > maxHeight) maxHeight = child.height
+  val iconView: ReactViewGroup = ReactViewGroup(context)
+
+  private fun measureIconViewBounds(): Pair<Int, Int> {
+    var maxWidth = 0
+    var maxHeight = 0
+    for (i in 0 until iconView.childCount) {
+      val child = iconView.getChildAt(i)
+      val childRight = child.left + child.width
+      val childBottom = child.top + child.height
+      if (childRight > maxWidth) maxWidth = childRight
+      if (childBottom > maxHeight) maxHeight = childBottom
+    }
+    return Pair(maxWidth, maxHeight)
+  }
+
+  private fun createIconBitmap(): BitmapDescriptor? {
+    val (width, height) = measureIconViewBounds()
+    if (width <= 0 || height <= 0) return null
+
+    val scaledWidth = (width * scale).toInt()
+    val scaledHeight = (height * scale).toInt()
+
+    val bitmap = createBitmap(scaledWidth, scaledHeight)
+    val canvas = Canvas(bitmap)
+    canvas.scale(scale, scale)
+    iconView.draw(canvas)
+    return BitmapDescriptorFactory.fromBitmap(bitmap)
+  }
+
+  private fun createIconViewWrapper(): View {
+    val (width, height) = measureIconViewBounds()
+    val scaledWidth = (width * scale).toInt()
+    val scaledHeight = (height * scale).toInt()
+
+    (iconView.parent as? ViewGroup)?.removeView(iconView)
+    iconView.scaleX = scale
+    iconView.scaleY = scale
+    iconView.pivotX = 0f
+    iconView.pivotY = 0f
+
+    return object : ReactViewGroup(context) {
+      init {
+        addView(iconView)
+      }
+
+      override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
+        setMeasuredDimension(scaledWidth, scaledHeight)
+      }
+    }
+  }
+
+  fun applyIconToMarker() {
+    val m = marker ?: return
+    if (!hasCustomView) return
+
+    if (rasterize) {
+      createIconBitmap()?.let { m.setIcon(it) }
+    } else {
+      m.iconView = createIconViewWrapper()
+    }
+  }
+
+  fun applyScaleToMarker() {
+    val m = marker ?: return
+    if (!hasCustomView) return
+
+    scaleUpdateRunnable?.let { removeCallbacks(it) }
+    scaleUpdateRunnable = Runnable {
+      if (rasterize) {
+        createIconBitmap()?.let { m.setIcon(it) }
+      } else {
+        m.iconView = createIconViewWrapper()
       }
+    }
+    post(scaleUpdateRunnable)
+  }
 
-      setMeasuredDimension(maxWidth, maxHeight)
+  fun updateIcon(onAddMarker: () -> Unit) {
+    if (!hasCustomView) return
+    if (rasterize) {
+      post {
+        if (marker == null) {
+          onAddMarker()
+        } else {
+          applyIconToMarker()
+        }
+      }
+    } else {
+      marker?.remove()
+      marker = null
+      post { onAddMarker() }
     }
   }
 
@@ -92,6 +192,7 @@ class LuggMarkerView(context: Context) : ReactViewGroup(context) {
     bottom: Int
   ) {
     super.onLayout(changed, left, top, right, bottom)
+
     if (changed && !didLayout) {
       didLayout = true
       delegate?.markerViewDidLayout(this)
@@ -120,6 +221,23 @@ class LuggMarkerView(context: Context) : ReactViewGroup(context) {
     this.zIndex = zIndex
   }
 
+  fun setRotate(rotate: Float) {
+    this.rotate = rotate
+  }
+
+  fun setScale(scale: Float) {
+    scaleChanged = this.scale != scale
+    this.scale = scale
+  }
+
+  fun clearScaleChanged() {
+    scaleChanged = false
+  }
+
+  fun setRasterize(rasterize: Boolean) {
+    this.rasterize = rasterize
+  }
+
   fun setName(name: String?) {
     this.name = name
   }
@@ -129,12 +247,10 @@ class LuggMarkerView(context: Context) : ReactViewGroup(context) {
   }
 
   fun onDropViewInstance() {
+    scaleUpdateRunnable?.let { removeCallbacks(it) }
+    scaleUpdateRunnable = null
     didLayout = false
     delegate = null
     iconView.removeAllViews()
   }
-
-  companion object {
-    private const val TAG = "Lugg"
-  }
 }

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

@@ -69,6 +69,21 @@ class LuggMarkerViewManager :
     view.setZIndex(zIndex)
   }
 
+  @ReactProp(name = "rotate", defaultDouble = 0.0)
+  override fun setRotate(view: LuggMarkerView, value: Double) {
+    view.setRotate(value.toFloat())
+  }
+
+  @ReactProp(name = "scale", defaultDouble = 1.0)
+  override fun setScale(view: LuggMarkerView, value: Double) {
+    view.setScale(value.toFloat())
+  }
+
+  @ReactProp(name = "rasterize", defaultBoolean = true)
+  override fun setRasterize(view: LuggMarkerView, value: Boolean) {
+    view.setRasterize(value)
+  }
+
   companion object {
     const val NAME = "LuggMarkerView"
   }

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

@@ -143,6 +143,14 @@ class PolylineAnimator {
     animator = null
   }
 
+  fun pause() {
+    animator?.pause()
+  }
+
+  fun resume() {
+    animator?.resume()
+  }
+
   private fun updateAnimatedPolyline() {
     val poly = polyline ?: return
     if (coordinates.size < 2 || totalLength <= 0f) {

package/ios/LuggAppleMapView.mm

@@ -103,11 +103,13 @@ using namespace luggmaps::events;
         (AppleMarkerAnnotation *)markerView.marker;
 
     if (annotation) {
+      annotation.annotationView.transform = CGAffineTransformIdentity;
       annotation.markerView = nil;
       annotation.annotationView = nil;
       [_mapView removeAnnotation:annotation];
       markerView.marker = nil;
     }
+    [markerView resetIconViewTransform];
   } else if ([childComponentView isKindOfClass:[LuggPolylineView class]]) {
     LuggPolylineView *polylineView = (LuggPolylineView *)childComponentView;
     polylineView.delegate = nil;
@@ -256,6 +258,38 @@ using namespace luggmaps::events;
 
 #pragma mark - Annotation Helpers
 
+- (void)applyMarkerStyle:(LuggMarkerView *)markerView
+          annotationView:(MKAnnotationView *)annotationView {
+  annotationView.transform = CGAffineTransformIdentity;
+
+  UIView *iconView = markerView.iconView;
+  CGRect frame = iconView.frame;
+  if (frame.size.width <= 0 || frame.size.height <= 0)
+    return;
+
+  CGFloat scale = markerView.scale;
+  CGPoint anchor = markerView.anchor;
+
+  if (markerView.rasterize) {
+    annotationView.image = [markerView createScaledIconImage];
+  } else {
+    iconView.layer.anchorPoint = anchor;
+    iconView.transform = CGAffineTransformMakeScale(scale, scale);
+    iconView.frame =
+        CGRectMake(frame.size.width * (0.5 - anchor.x) * (scale - 1),
+                   frame.size.height * (0.5 - anchor.y) * (scale - 1),
+                   frame.size.width, frame.size.height);
+  }
+
+  annotationView.bounds =
+      CGRectMake(0, 0, frame.size.width * scale, frame.size.height * scale);
+  annotationView.centerOffset =
+      CGPointMake(frame.size.width * scale * (anchor.x - 0.5),
+                  -frame.size.height * scale * (anchor.y - 0.5));
+  annotationView.transform =
+      CGAffineTransformMakeRotation(markerView.rotate * M_PI / 180.0);
+}
+
 - (void)updateAnnotationViewFrame:(AppleMarkerAnnotation *)annotation {
   MKAnnotationView *annotationView = annotation.annotationView;
   LuggMarkerView *markerView = annotation.markerView;
@@ -264,16 +298,7 @@ using namespace luggmaps::events;
     return;
   }
 
-  UIView *iconView = markerView.iconView;
-  CGRect frame = iconView.frame;
-  if (frame.size.width > 0 && frame.size.height > 0) {
-    annotationView.frame = frame;
-
-    CGPoint anchor = markerView.anchor;
-    annotationView.centerOffset =
-        CGPointMake(frame.size.width * (anchor.x - 0.5),
-                    -frame.size.height * (anchor.y - 0.5));
-  }
+  [self applyMarkerStyle:markerView annotationView:annotationView];
 }
 
 #pragma mark - PolylineViewDelegate
@@ -427,6 +452,15 @@ using namespace luggmaps::events;
 
 - (void)mapView:(MKMapView *)mapView regionWillChangeAnimated:(BOOL)animated {
   _isDragging = [self isUserInteracting:mapView];
+  if (_isDragging) {
+    for (UIView *subview in self.subviews) {
+      if ([subview isKindOfClass:[LuggPolylineView class]]) {
+        MKPolylineAnimator *renderer =
+            (MKPolylineAnimator *)((LuggPolylineView *)subview).renderer;
+        [renderer pause];
+      }
+    }
+  }
 }
 
 - (BOOL)isUserInteracting:(MKMapView *)mapView {
@@ -450,6 +484,15 @@ using namespace luggmaps::events;
 - (void)mapView:(MKMapView *)mapView regionDidChangeAnimated:(BOOL)animated {
   BOOL wasDragging = _isDragging;
   _isDragging = NO;
+  if (wasDragging) {
+    for (UIView *subview in self.subviews) {
+      if ([subview isKindOfClass:[LuggPolylineView class]]) {
+        MKPolylineAnimator *renderer =
+            (MKPolylineAnimator *)((LuggPolylineView *)subview).renderer;
+        [renderer resume];
+      }
+    }
+  }
   CameraIdleEvent{mapView.centerCoordinate.latitude,
                   mapView.centerCoordinate.longitude, mapView.zoomLevel,
                   static_cast<bool>(wasDragging)}
@@ -477,23 +520,13 @@ using namespace luggmaps::events;
   annotationView.layer.zPosition = markerView.zIndex;
   annotationView.zPriority = markerView.zIndex;
 
-  UIView *iconView = markerView.iconView;
-  [iconView removeFromSuperview];
-  [annotationView addSubview:iconView];
-
-  // Set frame and centerOffset based on iconView
-  CGRect frame = iconView.frame;
-  if (frame.size.width > 0 && frame.size.height > 0) {
-    annotationView.frame =
-        CGRectMake(0, 0, frame.size.width, frame.size.height);
-    iconView.frame = CGRectMake(0, 0, frame.size.width, frame.size.height);
-
-    CGPoint anchor = markerView.anchor;
-    annotationView.centerOffset =
-        CGPointMake(frame.size.width * (anchor.x - 0.5),
-                    -frame.size.height * (anchor.y - 0.5));
+  if (!markerView.rasterize) {
+    UIView *iconView = markerView.iconView;
+    [iconView removeFromSuperview];
+    [annotationView addSubview:iconView];
   }
 
+  [self applyMarkerStyle:markerView annotationView:annotationView];
   markerAnnotation.annotationView = annotationView;
 
   return annotationView;

package/ios/LuggGoogleMapView.mm

@@ -89,6 +89,7 @@ static NSString *const kDemoMapId = @"DEMO_MAP_ID";
       marker.map = nil;
       markerView.marker = nil;
     }
+    [markerView resetIconViewTransform];
   } else if ([childComponentView isKindOfClass:[LuggPolylineView class]]) {
     LuggPolylineView *polylineView = (LuggPolylineView *)childComponentView;
     [_polylineAnimators removeObjectForKey:polylineView];
@@ -189,6 +190,11 @@ static NSString *const kDemoMapId = @"DEMO_MAP_ID";
 
 - (void)mapView:(GMSMapView *)mapView willMove:(BOOL)gesture {
   _isDragging = gesture;
+  if (_isDragging) {
+    for (GMSPolylineAnimator *animator in _polylineAnimators.objectEnumerator) {
+      [animator pause];
+    }
+  }
 }
 
 - (void)mapView:(GMSMapView *)mapView
@@ -202,6 +208,11 @@ static NSString *const kDemoMapId = @"DEMO_MAP_ID";
     idleAtCameraPosition:(GMSCameraPosition *)position {
   BOOL wasDragging = _isDragging;
   _isDragging = NO;
+  if (wasDragging) {
+    for (GMSPolylineAnimator *animator in _polylineAnimators.objectEnumerator) {
+      [animator resume];
+    }
+  }
   CameraIdleEvent{position.target.latitude, position.target.longitude,
                   position.zoom, static_cast<bool>(wasDragging)}
       .emit<LuggGoogleMapViewEventEmitter>(_eventEmitter);
@@ -225,6 +236,35 @@ static NSString *const kDemoMapId = @"DEMO_MAP_ID";
 
 #pragma mark - Marker Management
 
+- (void)applyMarkerStyle:(LuggMarkerView *)markerView
+                  marker:(GMSAdvancedMarker *)marker {
+  if (markerView.hasCustomView) {
+    if (markerView.rasterize) {
+      marker.iconView = nil;
+      marker.icon = [markerView createScaledIconImage];
+      marker.rotation = markerView.rotate;
+    } else {
+      UIView *iconView = markerView.iconView;
+      if (marker.iconView != iconView) {
+        [iconView removeFromSuperview];
+        marker.iconView = iconView;
+      }
+      CGFloat scale = markerView.scale;
+      CGFloat radians = markerView.rotate * M_PI / 180.0;
+      iconView.transform =
+          CGAffineTransformConcat(CGAffineTransformMakeScale(scale, scale),
+                                  CGAffineTransformMakeRotation(radians));
+      marker.rotation = 0;
+    }
+    marker.groundAnchor = markerView.anchor;
+  } else {
+    marker.iconView = nil;
+    marker.icon = nil;
+    marker.rotation = markerView.rotate;
+    marker.groundAnchor = CGPointMake(0.5, 1);
+  }
+}
+
 - (void)syncMarkerView:(LuggMarkerView *)markerView caller:(NSString *)caller {
   if (!_mapView) {
     if (![_pendingMarkerViews containsObject:markerView]) {
@@ -243,17 +283,7 @@ static NSString *const kDemoMapId = @"DEMO_MAP_ID";
   marker.title = markerView.title;
   marker.snippet = markerView.markerDescription;
   marker.zIndex = (int)markerView.zIndex;
-  if (markerView.hasCustomView) {
-    UIView *iconView = markerView.iconView;
-    if (marker.iconView != iconView) {
-      [iconView removeFromSuperview];
-      marker.iconView = iconView;
-    }
-    marker.groundAnchor = markerView.anchor;
-  } else {
-    marker.iconView = nil;
-    marker.groundAnchor = CGPointMake(0.5, 1);
-  }
+  [self applyMarkerStyle:markerView marker:marker];
 }
 
 - (void)processPendingMarkers {
@@ -273,22 +303,15 @@ static NSString *const kDemoMapId = @"DEMO_MAP_ID";
     return;
   }
 
-  UIView *iconView = markerView.iconView;
-  [iconView removeFromSuperview];
-
   GMSAdvancedMarker *marker = [[GMSAdvancedMarker alloc] init];
   marker.position = markerView.coordinate;
   marker.title = markerView.title;
   marker.snippet = markerView.markerDescription;
+  marker.zIndex = (int)markerView.zIndex;
 
-  if (markerView.hasCustomView) {
-    marker.iconView = iconView;
-    marker.groundAnchor = markerView.anchor;
-  }
+  [self applyMarkerStyle:markerView marker:marker];
 
-  marker.zIndex = (int)markerView.zIndex;
   marker.map = _mapView;
-
   markerView.marker = marker;
 }
 

package/ios/LuggMarkerView.h

@@ -20,12 +20,19 @@ NS_ASSUME_NONNULL_BEGIN
 @property(nonatomic, readonly, nullable) NSString *markerDescription;
 @property(nonatomic, readonly) CGPoint anchor;
 @property(nonatomic, readonly) NSInteger zIndex;
+@property(nonatomic, readonly) CLLocationDegrees rotate;
+@property(nonatomic, readonly) CGFloat scale;
+@property(nonatomic, readonly) BOOL rasterize;
 @property(nonatomic, readonly) BOOL hasCustomView;
 @property(nonatomic, readonly) BOOL didLayout;
 @property(nonatomic, readonly) UIView *iconView;
 @property(nonatomic, weak, nullable) id<LuggMarkerViewDelegate> delegate;
 @property(nonatomic, strong, nullable) NSObject *marker;
 
+- (nullable UIImage *)createIconImage;
+- (nullable UIImage *)createScaledIconImage;
+- (void)resetIconViewTransform;
+
 @end
 
 NS_ASSUME_NONNULL_END

package/ios/LuggMarkerView.mm

@@ -19,6 +19,9 @@ using namespace facebook::react;
   NSString *_markerDescription;
   CGPoint _anchor;
   NSInteger _zIndex;
+  CLLocationDegrees _rotate;
+  CGFloat _scale;
+  BOOL _rasterize;
   BOOL _didLayout;
   UIView *_iconView;
 }
@@ -37,6 +40,9 @@ using namespace facebook::react;
     _coordinate = CLLocationCoordinate2DMake(0, 0);
     _anchor = CGPointMake(0.5, 1.0);
     _zIndex = 0;
+    _rotate = 0;
+    _scale = 1;
+    _rasterize = YES;
     _didLayout = NO;
 
     _iconView = [[UIView alloc] init];
@@ -63,6 +69,9 @@ using namespace facebook::react;
       [NSString stringWithUTF8String:newViewProps.description.c_str()];
   _anchor = CGPointMake(newViewProps.anchor.x, newViewProps.anchor.y);
   _zIndex = newViewProps.zIndex.value_or(0);
+  _rotate = newViewProps.rotate;
+  _scale = newViewProps.scale;
+  _rasterize = newViewProps.rasterize;
 }
 
 - (void)finalizeUpdates:(RNComponentViewUpdateMask)updateMask {
@@ -138,6 +147,18 @@ using namespace facebook::react;
   return _zIndex;
 }
 
+- (CLLocationDegrees)rotate {
+  return _rotate;
+}
+
+- (CGFloat)scale {
+  return _scale;
+}
+
+- (BOOL)rasterize {
+  return _rasterize;
+}
+
 - (BOOL)hasCustomView {
   return _iconView.subviews.count > 0;
 }
@@ -150,11 +171,56 @@ using namespace facebook::react;
   return _iconView;
 }
 
+- (UIImage *)createIconImage {
+  CGSize size = _iconView.bounds.size;
+  if (size.width <= 0 || size.height <= 0) {
+    return nil;
+  }
+
+  UIGraphicsImageRendererFormat *format =
+      [UIGraphicsImageRendererFormat defaultFormat];
+  format.scale = [UIScreen mainScreen].scale;
+  UIGraphicsImageRenderer *renderer =
+      [[UIGraphicsImageRenderer alloc] initWithSize:size format:format];
+
+  return [renderer imageWithActions:^(UIGraphicsImageRendererContext *context) {
+    [self->_iconView.layer renderInContext:context.CGContext];
+  }];
+}
+
+- (UIImage *)createScaledIconImage {
+  CGSize size = _iconView.bounds.size;
+  if (size.width <= 0 || size.height <= 0) {
+    return nil;
+  }
+
+  CGSize scaledSize = CGSizeMake(size.width * _scale, size.height * _scale);
+
+  UIGraphicsImageRendererFormat *format =
+      [UIGraphicsImageRendererFormat defaultFormat];
+  format.scale = [UIScreen mainScreen].scale;
+  UIGraphicsImageRenderer *renderer =
+      [[UIGraphicsImageRenderer alloc] initWithSize:scaledSize format:format];
+
+  return [renderer imageWithActions:^(UIGraphicsImageRendererContext *context) {
+    CGContextScaleCTM(context.CGContext, self->_scale, self->_scale);
+    [self->_iconView.layer renderInContext:context.CGContext];
+  }];
+}
+
+- (void)resetIconViewTransform {
+  _iconView.transform = CGAffineTransformIdentity;
+  _iconView.layer.anchorPoint = CGPointMake(0.5, 0.5);
+  _iconView.frame = CGRectMake(0, 0, _iconView.bounds.size.width,
+                               _iconView.bounds.size.height);
+}
+
 - (void)prepareForRecycle {
   [super prepareForRecycle];
   _didLayout = NO;
   self.marker = nil;
   self.delegate = nil;
+  [self resetIconViewTransform];
   for (UIView *subview in _iconView.subviews) {
     [subview removeFromSuperview];
   }

package/ios/core/GMSPolylineAnimator.h

@@ -7,5 +7,7 @@
 @property(nonatomic, assign) BOOL animated;
 
 - (void)update;
+- (void)pause;
+- (void)resume;
 
 @end