react-native-maps 0.26.1 → 0.28.1

package/lib/components/Geojson.js

@@ -1,5 +1,7 @@
 import React from 'react';
-import MapView from './MapView';
+import Marker from './MapMarker';
+import Polyline from './MapPolyline';
+import Polygon from './MapPolygon';
 
 export const makeOverlays = features => {
   const points = features
@@ -93,39 +95,101 @@ const makeCoordinates = feature => {
   }
 };
 
+const doesOverlayContainProperty = (overlay, property) => {
+  // Geojson may have 0 for the opacity when intention is to not specify the
+  // opacity. Therefore, we evaluate the truthiness of the propery where 0
+  // would return false.
+  return (
+    overlay.feature &&
+    overlay.feature.properties &&
+    overlay.feature.properties[property]
+  );
+};
+
+const getRgbaFromHex = (hex, alpha = 1) => {
+  const [r, g, b] = hex.match(/\w\w/g).map(x => parseInt(x, 16));
+  return `rgba(${r},${g},${b},${alpha})`;
+};
+
+const getColor = (props, overlay, colorType, overrideColorProp) => {
+  if (props.hasOwnProperty(overrideColorProp)) {
+    return props[overrideColorProp];
+  }
+  if (doesOverlayContainProperty(overlay, colorType)) {
+    let color = overlay.feature.properties[colorType];
+    const opacityProperty = colorType + '-opacity';
+    if (
+      doesOverlayContainProperty(overlay, opacityProperty) &&
+      color[0] === '#'
+    ) {
+      color = getRgbaFromHex(
+        color,
+        overlay.feature.properties[opacityProperty]
+      );
+    }
+    return color;
+  }
+  return null;
+};
+
+const getStrokeWidth = (props, overlay) => {
+  if (props.hasOwnProperty('strokeWidth')) {
+    return props['strokeWidth'];
+  }
+  if (doesOverlayContainProperty(overlay, 'stroke-width')) {
+    return overlay.feature.properties['stroke-width'];
+  }
+  return null;
+};
+
 const Geojson = props => {
   const overlays = makeOverlays(props.geojson.features);
   return (
     <React.Fragment>
       {overlays.map((overlay, index) => {
+        const fillColor = getColor(props, overlay, 'fill', 'fillColor');
+        const strokeColor = getColor(props, overlay, 'stroke', 'strokeColor');
+        const markerColor = getColor(props, overlay, 'marker-color', 'color');
+        const strokeWidth = getStrokeWidth(props, overlay);
         if (overlay.type === 'point') {
           return (
-            <MapView.Marker
+            <Marker
               key={index}
               coordinate={overlay.coordinates}
-              pinColor={props.color}
+              image={props.image}
+              pinColor={markerColor}
+              zIndex={props.zIndex}
             />
           );
         }
         if (overlay.type === 'polygon') {
           return (
-            <MapView.Polygon
+            <Polygon
               key={index}
               coordinates={overlay.coordinates}
               holes={overlay.holes}
-              strokeColor={props.strokeColor}
-              fillColor={props.fillColor}
-              strokeWidth={props.strokeWidth}
+              strokeColor={strokeColor}
+              fillColor={fillColor}
+              strokeWidth={strokeWidth}
+              tappable={props.tappable}
+              onPress={props.onPress}
+              zIndex={props.zIndex}
             />
           );
         }
         if (overlay.type === 'polyline') {
           return (
-            <MapView.Polyline
+            <Polyline
               key={index}
               coordinates={overlay.coordinates}
-              strokeColor={props.strokeColor}
-              strokeWidth={props.strokeWidth}
+              strokeColor={strokeColor}
+              strokeWidth={strokeWidth}
+              lineDashPhase={props.lineDashPhase}
+              lineDashPattern={props.lineDashPattern}
+              lineCap={props.lineCap}
+              lineJoin={props.lineJoin}
+              miterLimit={props.miterLimit}
+              zIndex={props.zIndex}
             />
           );
         }

package/lib/components/MapMarker.js

@@ -78,6 +78,12 @@ const propTypes = {
    */
   pinColor: ColorPropType,
 
+  /**
+   * When true, the marker will be pre-selected. Setting this to true allows the user to
+   * drag the marker without needing to tap on it once to focus on it.
+   */
+  isPreselected: PropTypes.bool,
+
   /**
    * The coordinate for the marker.
    */

package/lib/components/MapOverlay.js

@@ -26,6 +26,8 @@ const propTypes = {
   tappable: PropTypes.bool,
   // Callback that is called when the user presses on the overlay
   onPress: PropTypes.func,
+  // The opacity of the overlay.
+  opacity: PropTypes.number,
 };
 
 class MapOverlay extends Component {
@@ -57,6 +59,9 @@ class MapOverlay extends Component {
 
 MapOverlay.propTypes = propTypes;
 MapOverlay.viewConfig = viewConfig;
+MapOverlay.defaultProps = {
+  opacity: 1.0,
+};
 
 const styles = StyleSheet.create({
   overlay: {

package/lib/components/MapPolygon.js

@@ -5,6 +5,7 @@ import decorateMapComponent, {
   USES_DEFAULT_IMPLEMENTATION,
   SUPPORTED,
 } from './decorateMapComponent';
+import * as ProviderConstants from './ProviderConstants';
 
 // if ViewPropTypes is not defined fall back to View.propType (to support RN < 0.44)
 const viewPropTypes = ViewPropTypes || View.propTypes;
@@ -150,6 +151,25 @@ class MapPolygon extends React.Component {
     this.polygon.setNativeProps(props);
   }
 
+  updateNativeProps() {
+    return () => {
+      const { fillColor, strokeColor, strokeWidth } = this.props;
+      let polygonNativeProps = {};
+      if (fillColor) {
+        polygonNativeProps.fillColor = fillColor;
+      }
+      if (strokeColor) {
+        polygonNativeProps.strokeColor = strokeColor;
+      }
+      if (strokeWidth) {
+        polygonNativeProps.strokeWidth = strokeWidth;
+      }
+      if (polygonNativeProps) {
+        this.setNativeProps(polygonNativeProps);
+      }
+    };
+  }
+
   render() {
     const AIRMapPolygon = this.getAirComponent();
     return (
@@ -158,6 +178,11 @@ class MapPolygon extends React.Component {
         ref={ref => {
           this.polygon = ref;
         }}
+        onLayout={
+          this.context.provider === ProviderConstants.PROVIDER_GOOGLE
+            ? this.updateNativeProps()
+            : undefined
+        }
       />
     );
   }

package/lib/components/MapView.js

@@ -24,6 +24,7 @@ import MapWMSTile from './MapWMSTile';
 import MapLocalTile from './MapLocalTile';
 import MapHeatMap from './MapHeatmap';
 import AnimatedRegion from './AnimatedRegion';
+import Geojson from './Geojson';
 import {
   contextTypes as childContextTypes,
   getAirMapName,
@@ -525,6 +526,13 @@ const propTypes = {
    * Callback that is called when a Building is focused.
    */
   onIndoorBuildingFocused: PropTypes.func,
+
+  /**
+   * Sets the tint color of the map. (Changes the color of the position indicator) Defaults to system blue.
+   *
+   * @platform ios
+   */
+  tintColor: ColorPropType,
 };
 
 class MapView extends React.Component {
@@ -541,6 +549,10 @@ class MapView extends React.Component {
     this._onLayout = this._onLayout.bind(this);
   }
 
+  setNativeProps(props) {
+    this.map.setNativeProps(props);
+  }
+
   getChildContext() {
     return { provider: this.props.provider };
   }
@@ -626,14 +638,17 @@ class MapView extends React.Component {
     }
   }
 
-  _onChange(event) {
-    this.__lastRegion = event.nativeEvent.region;
-    if (event.nativeEvent.continuous) {
+  _onChange({ nativeEvent }) {
+    this.__lastRegion = nativeEvent.region;
+    const isGesture = nativeEvent.isGesture;
+    const details = { isGesture };
+
+    if (nativeEvent.continuous) {
       if (this.props.onRegionChange) {
-        this.props.onRegionChange(event.nativeEvent.region);
+        this.props.onRegionChange(nativeEvent.region, details);
       }
     } else if (this.props.onRegionChangeComplete) {
-      this.props.onRegionChangeComplete(event.nativeEvent.region);
+      this.props.onRegionChangeComplete(nativeEvent.region, details);
     }
   }
 
@@ -651,7 +666,7 @@ class MapView extends React.Component {
   }
 
   animateCamera(camera, opts) {
-    this._runCommand('animateCamera', [camera, (opts && opts.duration) || 500]);
+    this._runCommand('animateCamera', [camera, opts ? opts.duration : 500]);
   }
 
   animateToNavigation(location, bearing, angle, duration) {
@@ -1085,4 +1100,6 @@ MapView.ProviderPropType = ProviderPropType;
 MapView.Animated = Animated;
 MapView.AnimatedRegion = AnimatedRegion;
 
+MapView.Geojson = Geojson;
+
 export default MapView;

package/lib/components/MapView.web.js

@@ -0,0 +1 @@
+export { default } from 'react-native-web/dist/modules/UnimplementedView';

package/lib/ios/AirGoogleMaps/AIRGoogleMap.h

@@ -69,8 +69,8 @@
 - (void)didTapPolygon:(GMSPolygon *)polygon;
 - (void)didTapAtCoordinate:(CLLocationCoordinate2D)coordinate;
 - (void)didLongPressAtCoordinate:(CLLocationCoordinate2D)coordinate;
-- (void)didChangeCameraPosition:(GMSCameraPosition *)position;
-- (void)idleAtCameraPosition:(GMSCameraPosition *)position;
+- (void)didChangeCameraPosition:(GMSCameraPosition *)position isGesture:(BOOL)isGesture;
+- (void)idleAtCameraPosition:(GMSCameraPosition *)position isGesture:(BOOL)isGesture;
 - (void)didTapPOIWithPlaceID:(NSString *)placeID name:(NSString *) name location:(CLLocationCoordinate2D) location;
 - (NSArray *)getMapBoundaries;
 

package/lib/ios/AirGoogleMaps/AIRGoogleMap.m

@@ -93,7 +93,7 @@ id regionAsJSON(MKCoordinateRegion region) {
            forKeyPath:@"myLocation"
               options:NSKeyValueObservingOptionNew
               context:NULL];
-      
+
     self.origGestureRecognizersMeta = [[NSMutableDictionary alloc] init];
   }
   return self;
@@ -227,10 +227,10 @@ id regionAsJSON(MKCoordinateRegion region) {
 {
     GMSVisibleRegion visibleRegion = self.projection.visibleRegion;
     GMSCoordinateBounds *bounds = [[GMSCoordinateBounds alloc] initWithRegion:visibleRegion];
-    
+
     CLLocationCoordinate2D northEast = bounds.northEast;
     CLLocationCoordinate2D southWest = bounds.southWest;
-    
+
     return @[
         @[
             [NSNumber numberWithDouble:northEast.longitude],
@@ -290,7 +290,7 @@ id regionAsJSON(MKCoordinateRegion region) {
 - (void)didPrepareMap {
   UIView* mapView = [self valueForKey:@"mapView"]; //GMSVectorMapView
   [self overrideGestureRecognizersForView:mapView];
-    
+
   if (_didCallOnMapReady) return;
   _didCallOnMapReady = true;
   if (self.onMapReady) self.onMapReady(@{});
@@ -349,9 +349,10 @@ id regionAsJSON(MKCoordinateRegion region) {
   self.onLongPress([self eventFromCoordinate:coordinate]);
 }
 
-- (void)didChangeCameraPosition:(GMSCameraPosition *)position {
+- (void)didChangeCameraPosition:(GMSCameraPosition *)position isGesture:(BOOL)isGesture{
   id event = @{@"continuous": @YES,
                @"region": regionAsJSON([AIRGoogleMap makeGMSCameraPositionFromMap:self andGMSCameraPosition:position]),
+               @"isGesture": [NSNumber numberWithBool:isGesture],
                };
 
   if (self.onChange) self.onChange(event);
@@ -371,9 +372,10 @@ id regionAsJSON(MKCoordinateRegion region) {
   if (self.onPoiClick) self.onPoiClick(event);
 }
 
-- (void)idleAtCameraPosition:(GMSCameraPosition *)position {
+- (void)idleAtCameraPosition:(GMSCameraPosition *)position  isGesture:(BOOL)isGesture{
   id event = @{@"continuous": @NO,
                @"region": regionAsJSON([AIRGoogleMap makeGMSCameraPositionFromMap:self andGMSCameraPosition:position]),
+               @"isGesture": [NSNumber numberWithBool:isGesture],
                };
   if (self.onChange) self.onChange(event);  // complete
 }
@@ -412,7 +414,7 @@ id regionAsJSON(MKCoordinateRegion region) {
       return @"automatic";
     case kGMSMapViewPaddingAdjustmentBehaviorAlways:
       return @"always";
-      
+
     default:
       return @"unknown";
   }
@@ -646,7 +648,7 @@ id regionAsJSON(MKCoordinateRegion region) {
         NSNumber* grHash = [NSNumber numberWithUnsignedInteger:gestureRecognizer.hash];
         if([self.origGestureRecognizersMeta objectForKey:grHash] != nil)
             continue; //already patched
-        
+
         //get original handlers
         NSArray* origTargets = [gestureRecognizer valueForKey:@"targets"];
         NSMutableArray* origTargetsActions = [[NSMutableArray alloc] init];
@@ -664,7 +666,7 @@ id regionAsJSON(MKCoordinateRegion region) {
             [view removeGestureRecognizer:gestureRecognizer];
             continue;
         }
-        
+
         //replace with extendedMapGestureHandler
         for (NSDictionary* origTargetAction in origTargetsActions) {
             NSValue* targetValue = [origTargetAction objectForKey:@"target"];
@@ -674,7 +676,7 @@ id regionAsJSON(MKCoordinateRegion region) {
             [gestureRecognizer removeTarget:target action:action];
         }
         [gestureRecognizer addTarget:self action:@selector(extendedMapGestureHandler:)];
-        
+
         [self.origGestureRecognizersMeta setObject:@{@"targets": origTargetsActions}
                                             forKey:grHash];
     }
@@ -687,14 +689,14 @@ id regionAsJSON(MKCoordinateRegion region) {
     CGRect bubbleAbsoluteFrame = [bubbleProvider accessibilityFrame];
     CGRect bubbleFrame = [win convertRect:bubbleAbsoluteFrame toView:self];
     UIView* bubbleView = [bubbleProvider valueForKey:@"view"];
-    
+
     BOOL performOriginalActions = YES;
     BOOL isTap = [gestureRecognizer isKindOfClass:[UITapGestureRecognizer class]] || [gestureRecognizer isMemberOfClass:[UITapGestureRecognizer class]];
     if (isTap) {
         BOOL isTapInsideBubble = NO;
     CGPoint tapPoint = CGPointZero;
     CGPoint tapPointInBubble = CGPointZero;
-    
+
     NSArray* touches = [gestureRecognizer valueForKey:@"touches"];
     UITouch* oneTouch = [touches firstObject];
     NSArray* delayedTouches = [gestureRecognizer valueForKey:@"delayedTouches"];
@@ -718,7 +720,7 @@ id regionAsJSON(MKCoordinateRegion region) {
                     break;
                 }
             }
-            
+
             //find real tap target subview
             UIView* realSubview = [(RCTView*)bubbleView hitTest:tapPointInBubble withEvent:nil];
             AIRGoogleMapCalloutSubview* realPressableSubview = nil;
@@ -732,7 +734,7 @@ id regionAsJSON(MKCoordinateRegion region) {
                     tmp = tmp.superview;
                 }
             }
-            
+
             if (markerView) {
                 BOOL isInsideCallout = [markerView.calloutView isPointInside:tapPointInBubble];
                 if (isInsideCallout) {
@@ -747,12 +749,12 @@ id regionAsJSON(MKCoordinateRegion region) {
                         [self didTapAtCoordinate:coord];
                     }
                 }
-                
+
                 performOriginalActions = NO;
             }
         }
     }
-    
+
     if (performOriginalActions) {
         NSDictionary* origMeta = [self.origGestureRecognizersMeta objectForKey:grHash];
         NSDictionary* origTargets = [origMeta objectForKey:@"targets"];
@@ -767,7 +769,7 @@ id regionAsJSON(MKCoordinateRegion region) {
 #pragma clang diagnostic pop
         }
     }
-    
+
     return nil;
 }
 

package/lib/ios/AirGoogleMaps/AIRGoogleMapManager.h

@@ -12,6 +12,7 @@
 
 @interface AIRGoogleMapManager : RCTViewManager
 @property (nonatomic, assign) AIRGoogleMap *map;
+@property (nonatomic) BOOL isGesture;
 
 @end
 

package/lib/ios/AirGoogleMaps/AIRGoogleMapManager.m

@@ -48,7 +48,7 @@ RCT_EXPORT_MODULE()
   AIRGoogleMap *map = [AIRGoogleMap new];
   map.bridge = self.bridge;
   map.delegate = self;
-  map.isAccessibilityElement = YES;
+  map.isAccessibilityElement = NO;
   map.accessibilityElementsHidden = NO;
   map.settings.consumesGesturesInView = NO;
   map.indoorDisplay.delegate = self;
@@ -65,6 +65,7 @@ RCT_EXPORT_MODULE()
   return map;
 }
 
+RCT_EXPORT_VIEW_PROPERTY(isAccessibilityElement, BOOL)
 RCT_REMAP_VIEW_PROPERTY(testID, accessibilityIdentifier, NSString)
 RCT_EXPORT_VIEW_PROPERTY(initialCamera, GMSCameraPosition)
 RCT_REMAP_VIEW_PROPERTY(camera, cameraProp, GMSCameraPosition)
@@ -571,6 +572,10 @@ RCT_EXPORT_METHOD(setIndoorActiveLevelIndex:(nonnull NSNumber *)reactTag
   return @{ @"legalNotice": [GMSServices openSourceLicenseInfo] };
 }
 
+- (void)mapView:(GMSMapView *)mapView willMove:(BOOL)gesture{
+    self.isGesture = gesture;
+}
+
 - (void)mapViewDidStartTileRendering:(GMSMapView *)mapView {
   AIRGoogleMap *googleMapView = (AIRGoogleMap *)mapView;
   [googleMapView didPrepareMap];
@@ -603,12 +608,12 @@ RCT_EXPORT_METHOD(setIndoorActiveLevelIndex:(nonnull NSNumber *)reactTag
 
 - (void)mapView:(GMSMapView *)mapView didChangeCameraPosition:(GMSCameraPosition *)position {
   AIRGoogleMap *googleMapView = (AIRGoogleMap *)mapView;
-  [googleMapView didChangeCameraPosition:position];
+  [googleMapView didChangeCameraPosition:position isGesture:self.isGesture];
 }
 
 - (void)mapView:(GMSMapView *)mapView idleAtCameraPosition:(GMSCameraPosition *)position {
   AIRGoogleMap *googleMapView = (AIRGoogleMap *)mapView;
-  [googleMapView idleAtCameraPosition:position];
+  [googleMapView idleAtCameraPosition:position isGesture:self.isGesture];
 }
 
 - (UIView *)mapView:(GMSMapView *)mapView markerInfoWindow:(GMSMarker *)marker {

package/lib/ios/AirGoogleMaps/AIRGoogleMapMarker.m

@@ -9,7 +9,7 @@
 
 #import "AIRGoogleMapMarker.h"
 #import <GoogleMaps/GoogleMaps.h>
-#import <React/RCTImageLoader.h>
+#import <React/RCTImageLoaderProtocol.h>
 #import <React/RCTUtils.h>
 #import "AIRGMSMarker.h"
 #import "AIRGoogleMapCallout.h"
@@ -117,9 +117,9 @@ CGRect unionRect(CGRect a, CGRect b) {
 
 - (void)redraw {
   if (!_realMarker.iconView) return;
-  
+
   BOOL oldValue = _realMarker.tracksViewChanges;
-  
+
   if (oldValue == YES)
   {
     // Immediate refresh, like right now. Not waiting for next frame.
@@ -264,13 +264,13 @@ CGRect unionRect(CGRect a, CGRect b) {
   }
 
   if (!_iconImageView) {
-    // prevent glitch with marker (cf. https://github.com/react-native-community/react-native-maps/issues/738)
+    // prevent glitch with marker (cf. https://github.com/react-native-maps/react-native-maps/issues/738)
     UIImageView *empyImageView = [[UIImageView alloc] init];
     _iconImageView = empyImageView;
     [self iconViewInsertSubview:_iconImageView atIndex:0];
   }
 
-  _reloadImageCancellationBlock = [_bridge.imageLoader loadImageWithURLRequest:[RCTConvert NSURLRequest:_imageSrc]
+  _reloadImageCancellationBlock = [[_bridge moduleForName:@"ImageLoader"] loadImageWithURLRequest:[RCTConvert NSURLRequest:_imageSrc]
                                                                           size:self.bounds.size
                                                                          scale:RCTScreenScale()
                                                                        clipped:YES
@@ -327,7 +327,7 @@ CGRect unionRect(CGRect a, CGRect b) {
   }
 
   _reloadImageCancellationBlock =
-  [_bridge.imageLoader loadImageWithURLRequest:[RCTConvert NSURLRequest:_iconSrc]
+  [[_bridge moduleForName:@"ImageLoader"] loadImageWithURLRequest:[RCTConvert NSURLRequest:_iconSrc]
                                           size:self.bounds.size
                                          scale:RCTScreenScale()
                                        clipped:YES
@@ -340,7 +340,7 @@ CGRect unionRect(CGRect a, CGRect b) {
                                    NSLog(@"%@", error);
                                  }
                                  dispatch_async(dispatch_get_main_queue(), ^{
-                                   _realMarker.icon = image;
+                                   self->_realMarker.icon = image;
                                  });
                                }];
 }

package/lib/ios/AirGoogleMaps/AIRGoogleMapOverlay.h

@@ -18,6 +18,7 @@
 @property (nonatomic, copy) NSString *imageSrc;
 @property (nonatomic, strong, readonly) UIImage *overlayImage;
 @property (nonatomic, copy) NSArray *boundsRect;
+@property (nonatomic, assign) CGFloat opacity;
 @property (nonatomic, readonly) GMSCoordinateBounds *overlayBounds;
 
 @property (nonatomic, weak) RCTBridge *bridge;

package/lib/ios/AirGoogleMaps/AIRGoogleMapOverlay.m

@@ -8,7 +8,7 @@
 #import "AIRGoogleMapOverlay.h"
 
 #import <React/RCTEventDispatcher.h>
-#import <React/RCTImageLoader.h>
+#import <React/RCTImageLoaderProtocol.h>
 #import <React/RCTUtils.h>
 #import <React/UIView+React.h>
 
@@ -42,7 +42,7 @@
   }
 
   __weak typeof(self) weakSelf = self;
-  _reloadImageCancellationBlock = [_bridge.imageLoader loadImageWithURLRequest:[RCTConvert NSURLRequest:_imageSrc]
+  _reloadImageCancellationBlock = [[_bridge moduleForName:@"ImageLoader"] loadImageWithURLRequest:[RCTConvert NSURLRequest:_imageSrc]
                                                                           size:weakSelf.bounds.size
                                                                          scale:RCTScreenScale()
                                                                        clipped:YES
@@ -75,6 +75,11 @@
   _overlay.bounds = _overlayBounds;
 }
 
+- (void)setOpacity:(CGFloat)opacity
+{
+  _overlay.opacity = opacity;
+}
+
 @end
 
 #endif

package/lib/ios/AirGoogleMaps/AIRGoogleMapOverlayManager.m

@@ -18,5 +18,6 @@ RCT_EXPORT_MODULE()
 
 RCT_REMAP_VIEW_PROPERTY(bounds, boundsRect, NSArray)
 RCT_REMAP_VIEW_PROPERTY(image, imageSrc, NSString)
+RCT_REMAP_VIEW_PROPERTY(opacity, opacity, CGFloat)
 
 @end

package/lib/ios/AirMaps/AIRMap.h

@@ -45,6 +45,7 @@ extern const NSInteger AIRMapMaxZoomLevel;
 @property (nonatomic, assign) CGFloat minZoomLevel;
 @property (nonatomic, assign) CGFloat maxZoomLevel;
 @property (nonatomic, assign) CGPoint compassOffset;
+@property (nonatomic, assign) UIEdgeInsets mapPadding;
 
 @property (nonatomic, assign) CLLocationCoordinate2D pendingCenter;
 @property (nonatomic, assign) MKCoordinateSpan pendingSpan;
@@ -66,6 +67,7 @@ extern const NSInteger AIRMapMaxZoomLevel;
 @property (nonatomic, copy) RCTDirectEventBlock onMarkerDragEnd;
 @property (nonatomic, copy) RCTDirectEventBlock onCalloutPress;
 @property (nonatomic, copy) RCTDirectEventBlock onRegionChange;
+@property (nonatomic, copy) RCTBubblingEventBlock onUserLocationChange;
 
 - (void)cacheViewIfNeeded;
 - (void)beginLoading;

package/lib/ios/AirMaps/AIRMap.m

@@ -358,6 +358,11 @@ const NSInteger AIRMapMaxZoomLevel = 20;
     }
 }
 
+- (void)setTintColor:(UIColor *)tintColor
+{
+    super.tintColor = tintColor;
+}
+
 - (void)setFollowsUserLocation:(BOOL)followsUserLocation
 {
     _followUserLocation = followsUserLocation;
@@ -526,6 +531,11 @@ const NSInteger AIRMapMaxZoomLevel = 20;
 }
 
 - (void)cacheViewIfNeeded {
+    // https://github.com/react-native-maps/react-native-maps/issues/3100
+    // Do nothing if app is not active
+    if ([[UIApplication sharedApplication] applicationState] != UIApplicationStateActive) {
+        return;
+    }
     if (self.hasShownInitialLoading) {
         if (!self.cacheEnabled) {
             if (_cacheImageView != nil) {
@@ -581,6 +591,14 @@ const NSInteger AIRMapMaxZoomLevel = 20;
   [self updateLegalLabelInsets];
 }
 
+- (void)setMapPadding:(UIEdgeInsets)mapPadding {
+  self.layoutMargins = mapPadding;
+}
+
+- (UIEdgeInsets)mapPadding {
+  return self.layoutMargins;
+}
+
 - (void)beginLoading {
     if ((!self.hasShownInitialLoading && self.loadingEnabled) || (self.cacheEnabled && self.cacheImageView.image == nil)) {
         self.loadingView.hidden = NO;