react-native-maps 1.21.0-alpha.132 → 1.21.0-alpha.134

package/android/src/main/java/com/facebook/react/viewmanagers/RNMapsMapViewManagerDelegate.java

@@ -142,6 +142,9 @@ public class RNMapsMapViewManagerDelegate<T extends View, U extends BaseViewMana
       case "userInterfaceStyle":
         mViewManager.setUserInterfaceStyle(view, (String) value);
         break;
+      case "customMapStyleString":
+        mViewManager.setCustomMapStyleString(view, value == null ? null : (String) value);
+        break;
       case "userLocationAnnotationTitle":
         mViewManager.setUserLocationAnnotationTitle(view, value == null ? null : (String) value);
         break;

package/android/src/main/java/com/facebook/react/viewmanagers/RNMapsMapViewManagerInterface.java

@@ -53,6 +53,7 @@ public interface RNMapsMapViewManagerInterface<T extends View> {
   void setTintColor(T view, @Nullable Integer value);
   void setToolbarEnabled(T view, boolean value);
   void setUserInterfaceStyle(T view, @Nullable String value);
+  void setCustomMapStyleString(T view, @Nullable String value);
   void setUserLocationAnnotationTitle(T view, @Nullable String value);
   void setUserLocationCalloutEnabled(T view, boolean value);
   void setUserLocationFastestInterval(T view, int value);

package/android/src/main/java/com/rnmaps/fabric/MapViewManager.java

@@ -461,6 +461,11 @@ public class MapViewManager extends ViewGroupManager<MapView> implements RNMapsM
         // do nothing (initialProp)
     }
 
+    @Override
+    public void setCustomMapStyleString(MapView view, @Nullable String value) {
+        view.setMapStyle(value);
+    }
+
     @Override
     public void setUserLocationAnnotationTitle(MapView view, @Nullable String value) {
         // not supported

package/android/src/main/jni/react/renderer/components/RNMapsSpecs/Props.cpp

@@ -66,6 +66,7 @@ RNMapsGoogleMapViewProps::RNMapsGoogleMapViewProps(
     showsTraffic(convertRawProp(context, rawProps, "showsTraffic", sourceProps.showsTraffic, {false})),
     showsUserLocation(convertRawProp(context, rawProps, "showsUserLocation", sourceProps.showsUserLocation, {false})),
     userInterfaceStyle(convertRawProp(context, rawProps, "userInterfaceStyle", sourceProps.userInterfaceStyle, {RNMapsGoogleMapViewUserInterfaceStyle::System})),
+    customMapStyleString(convertRawProp(context, rawProps, "customMapStyleString", sourceProps.customMapStyleString, {})),
     userLocationCalloutEnabled(convertRawProp(context, rawProps, "userLocationCalloutEnabled", sourceProps.userLocationCalloutEnabled, {false})),
     userLocationFastestInterval(convertRawProp(context, rawProps, "userLocationFastestInterval", sourceProps.userLocationFastestInterval, {0})),
     userLocationPriority(convertRawProp(context, rawProps, "userLocationPriority", sourceProps.userLocationPriority, {RNMapsGoogleMapViewUserLocationPriority::High})),
@@ -130,6 +131,7 @@ RNMapsMapViewProps::RNMapsMapViewProps(
     tintColor(convertRawProp(context, rawProps, "tintColor", sourceProps.tintColor, {})),
     toolbarEnabled(convertRawProp(context, rawProps, "toolbarEnabled", sourceProps.toolbarEnabled, {true})),
     userInterfaceStyle(convertRawProp(context, rawProps, "userInterfaceStyle", sourceProps.userInterfaceStyle, {RNMapsMapViewUserInterfaceStyle::System})),
+    customMapStyleString(convertRawProp(context, rawProps, "customMapStyleString", sourceProps.customMapStyleString, {})),
     userLocationAnnotationTitle(convertRawProp(context, rawProps, "userLocationAnnotationTitle", sourceProps.userLocationAnnotationTitle, {})),
     userLocationCalloutEnabled(convertRawProp(context, rawProps, "userLocationCalloutEnabled", sourceProps.userLocationCalloutEnabled, {false})),
     userLocationFastestInterval(convertRawProp(context, rawProps, "userLocationFastestInterval", sourceProps.userLocationFastestInterval, {5000})),

package/android/src/main/jni/react/renderer/components/RNMapsSpecs/Props.h

@@ -391,6 +391,7 @@ class RNMapsGoogleMapViewProps final : public ViewProps {
   bool showsTraffic{false};
   bool showsUserLocation{false};
   RNMapsGoogleMapViewUserInterfaceStyle userInterfaceStyle{RNMapsGoogleMapViewUserInterfaceStyle::System};
+  std::string customMapStyleString{};
   bool userLocationCalloutEnabled{false};
   int userLocationFastestInterval{0};
   RNMapsGoogleMapViewUserLocationPriority userLocationPriority{RNMapsGoogleMapViewUserLocationPriority::High};
@@ -917,6 +918,7 @@ class RNMapsMapViewProps final : public ViewProps {
   SharedColor tintColor{};
   bool toolbarEnabled{true};
   RNMapsMapViewUserInterfaceStyle userInterfaceStyle{RNMapsMapViewUserInterfaceStyle::System};
+  std::string customMapStyleString{};
   std::string userLocationAnnotationTitle{};
   bool userLocationCalloutEnabled{false};
   int userLocationFastestInterval{5000};

package/ios/AirGoogleMaps/AIRGoogleMap.m

@@ -666,8 +666,7 @@ id regionAsJSON(MKCoordinateRegion region) {
   if (!style) {
     NSLog(@"The style definition could not be loaded: %@", error);
   }
-
-  self.mapStyle = style;
+    [self setMapStyle:style];
 }
 
 - (BOOL)showsCompass {

package/ios/AirGoogleMaps/AIRGoogleMapManager.h

@@ -14,6 +14,7 @@
 @interface AIRGoogleMapManager : RCTViewManager
 
 @property (nonatomic, strong) NSString* googleMapId;
+@property (nonatomic, strong) NSString* customMapStyle;
 @property (nonatomic) BOOL zoomTapEnabled;
 @property (nonatomic, strong) UIColor* backgroundColor;
 @property (nonatomic, strong) GMSCameraPosition* camera;

package/ios/AirGoogleMaps/AIRGoogleMapManager.m

@@ -30,7 +30,7 @@ static NSString *const RCTMapViewKey = @"MapView";
 
 @interface AIRGoogleMapManager() <GMSMapViewDelegate>
 {
-  BOOL didCallOnMapReady;
+    BOOL didCallOnMapReady;
 }
 @end
 
@@ -40,37 +40,40 @@ RCT_EXPORT_MODULE()
 
 - (UIView *)view
 {
-
-  if (self.initialProps){
-      if (self.initialProps[@"googleMapId"]){
-          _googleMapId  = self.initialProps[@"googleMapId"];
-      }
-      if (self.initialProps[@"zoomTapEnabled"]){
-          _zoomTapEnabled = self.initialProps[@"zoomTapEnabled"];
-      }
-      if (self.initialProps[@"loadingBackgroundColor"]){
-          _backgroundColor = [RCTConvert UIColor:self.initialProps[@"loadingBackgroundColor"]];
-      }
-      if (self.initialProps[@"initialCamera"]){
-          _camera = [RCTConvert GMSCameraPositionWithDefaults:self.initialProps[@"initialCamera"] existingCamera:nil];
-      }
-  }
-  AIRGoogleMap *map = [[AIRGoogleMap alloc] initWithMapId:self.googleMapId initialCamera:self.camera backgroundColor:self.backgroundColor andZoomTapEnabled:self.zoomTapEnabled];
-  map.bridge = self.bridge;
-  map.delegate = self;
-  map.isAccessibilityElement = NO;
-  map.accessibilityElementsHidden = NO;
-  map.settings.consumesGesturesInView = NO;
-
-  UIPanGestureRecognizer *drag = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(handleMapDrag:)];
-  [drag setMinimumNumberOfTouches:1];
-  [drag setMaximumNumberOfTouches:1];
-  [map addGestureRecognizer:drag];
-
-  UIPinchGestureRecognizer *pinch = [[UIPinchGestureRecognizer alloc] initWithTarget:self action:@selector(handleMapDrag:)];
-  [map addGestureRecognizer:pinch];
-
-  return map;
+    
+    if (self.initialProps){
+        if (self.initialProps[@"googleMapId"]){
+            _googleMapId  = self.initialProps[@"googleMapId"];
+        }
+        if (self.initialProps[@"zoomTapEnabled"]){
+            _zoomTapEnabled = self.initialProps[@"zoomTapEnabled"];
+        }
+        if (self.initialProps[@"loadingBackgroundColor"]){
+            _backgroundColor = [RCTConvert UIColor:self.initialProps[@"loadingBackgroundColor"]];
+        }
+        if (self.initialProps[@"initialCamera"]){
+            _camera = [RCTConvert GMSCameraPositionWithDefaults:self.initialProps[@"initialCamera"] existingCamera:nil];
+        }
+    }
+    AIRGoogleMap *map = [[AIRGoogleMap alloc] initWithMapId:self.googleMapId initialCamera:self.camera backgroundColor:self.backgroundColor andZoomTapEnabled:self.zoomTapEnabled];
+    map.bridge = self.bridge;
+    map.delegate = self;
+    map.isAccessibilityElement = NO;
+    map.accessibilityElementsHidden = NO;
+    map.settings.consumesGesturesInView = NO;
+    if (self.customMapStyle != nil){
+        map.customMapStyleString = self.customMapStyle;
+    }
+    
+    UIPanGestureRecognizer *drag = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(handleMapDrag:)];
+    [drag setMinimumNumberOfTouches:1];
+    [drag setMaximumNumberOfTouches:1];
+    [map addGestureRecognizer:drag];
+    
+    UIPinchGestureRecognizer *pinch = [[UIPinchGestureRecognizer alloc] initWithTarget:self action:@selector(handleMapDrag:)];
+    [map addGestureRecognizer:pinch];
+    
+    return map;
 }
 
 RCT_EXPORT_VIEW_PROPERTY(isAccessibilityElement, BOOL)
@@ -130,14 +133,14 @@ RCT_EXPORT_METHOD(getCamera:(nonnull NSNumber *)reactTag
         } else {
             AIRGoogleMap *mapView = (AIRGoogleMap *)view;
             resolve(@{
-                      @"center": @{
-                              @"latitude": @(mapView.camera.target.latitude),
-                              @"longitude": @(mapView.camera.target.longitude),
-                              },
-                      @"pitch": @(mapView.camera.viewingAngle),
-                      @"heading": @(mapView.camera.bearing),
-                      @"zoom": @(mapView.camera.zoom),
-                    });
+                @"center": @{
+                    @"latitude": @(mapView.camera.target.latitude),
+                    @"longitude": @(mapView.camera.target.longitude),
+                },
+                @"pitch": @(mapView.camera.viewingAngle),
+                @"heading": @(mapView.camera.bearing),
+                @"zoom": @(mapView.camera.zoom),
+            });
         }
     }];
 }
@@ -181,36 +184,36 @@ RCT_EXPORT_METHOD(animateToRegion:(nonnull NSNumber *)reactTag
                   withRegion:(MKCoordinateRegion)region
                   withDuration:(CGFloat)duration)
 {
-  [self.bridge.uiManager addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
-    id view = viewRegistry[reactTag];
-    if (![view isKindOfClass:[AIRGoogleMap class]]) {
-      RCTLogError(@"Invalid view returned from registry, expecting AIRGoogleMap, got: %@", view);
-    } else {
-      // Core Animation must be used to control the animation's duration
-      // See http://stackoverflow.com/a/15663039/171744
-      [CATransaction begin];
-      [CATransaction setAnimationDuration:duration/1000];
-      AIRGoogleMap *mapView = (AIRGoogleMap *)view;
-      GMSCameraPosition *camera = [AIRGoogleMap makeGMSCameraPositionFromMap:mapView andMKCoordinateRegion:region];
-      [mapView animateToCameraPosition:camera];
-      [CATransaction commit];
-    }
-  }];
+    [self.bridge.uiManager addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
+        id view = viewRegistry[reactTag];
+        if (![view isKindOfClass:[AIRGoogleMap class]]) {
+            RCTLogError(@"Invalid view returned from registry, expecting AIRGoogleMap, got: %@", view);
+        } else {
+            // Core Animation must be used to control the animation's duration
+            // See http://stackoverflow.com/a/15663039/171744
+            [CATransaction begin];
+            [CATransaction setAnimationDuration:duration/1000];
+            AIRGoogleMap *mapView = (AIRGoogleMap *)view;
+            GMSCameraPosition *camera = [AIRGoogleMap makeGMSCameraPositionFromMap:mapView andMKCoordinateRegion:region];
+            [mapView animateToCameraPosition:camera];
+            [CATransaction commit];
+        }
+    }];
 }
 
 RCT_EXPORT_METHOD(fitToElements:(nonnull NSNumber *)reactTag
                   edgePadding:(nonnull NSDictionary *)edgePadding
                   animated:(BOOL)animated)
 {
-  [self.bridge.uiManager addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
-    id view = viewRegistry[reactTag];
-    if (![view isKindOfClass:[AIRGoogleMap class]]) {
-      RCTLogError(@"Invalid view returned from registry, expecting AIRGoogleMap, got: %@", view);
-    } else {
-        AIRGoogleMap *mapView = (AIRGoogleMap *)view;
-        [mapView fitToElementsWithEdgePadding:edgePadding animated:animated];
-    }
-  }];
+    [self.bridge.uiManager addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
+        id view = viewRegistry[reactTag];
+        if (![view isKindOfClass:[AIRGoogleMap class]]) {
+            RCTLogError(@"Invalid view returned from registry, expecting AIRGoogleMap, got: %@", view);
+        } else {
+            AIRGoogleMap *mapView = (AIRGoogleMap *)view;
+            [mapView fitToElementsWithEdgePadding:edgePadding animated:animated];
+        }
+    }];
 }
 
 RCT_EXPORT_METHOD(fitToSuppliedMarkers:(nonnull NSNumber *)reactTag
@@ -218,15 +221,15 @@ RCT_EXPORT_METHOD(fitToSuppliedMarkers:(nonnull NSNumber *)reactTag
                   edgePadding:(nonnull NSDictionary *)edgePadding
                   animated:(BOOL)animated)
 {
-  [self.bridge.uiManager addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
-    id view = viewRegistry[reactTag];
-    if (![view isKindOfClass:[AIRGoogleMap class]]) {
-      RCTLogError(@"Invalid view returned from registry, expecting AIRGoogleMap, got: %@", view);
-    } else {
-        AIRGoogleMap *mapView = (AIRGoogleMap *)view;
-        [mapView fitToSuppliedMarkers:markers withEdgePadding:edgePadding animated:animated];
-    }
-  }];
+    [self.bridge.uiManager addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
+        id view = viewRegistry[reactTag];
+        if (![view isKindOfClass:[AIRGoogleMap class]]) {
+            RCTLogError(@"Invalid view returned from registry, expecting AIRGoogleMap, got: %@", view);
+        } else {
+            AIRGoogleMap *mapView = (AIRGoogleMap *)view;
+            [mapView fitToSuppliedMarkers:markers withEdgePadding:edgePadding animated:animated];
+        }
+    }];
 }
 
 RCT_EXPORT_METHOD(fitToCoordinates:(nonnull NSNumber *)reactTag
@@ -234,15 +237,15 @@ RCT_EXPORT_METHOD(fitToCoordinates:(nonnull NSNumber *)reactTag
                   edgePadding:(nonnull NSDictionary *)edgePadding
                   animated:(BOOL)animated)
 {
-  [self.bridge.uiManager addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
-    id view = viewRegistry[reactTag];
-    if (![view isKindOfClass:[AIRGoogleMap class]]) {
-      RCTLogError(@"Invalid view returned from registry, expecting AIRGoogleMap, got: %@", view);
-    } else {
-      AIRGoogleMap *mapView = (AIRGoogleMap *)view;
-        [mapView fitToCoordinates:coordinates withEdgePadding:edgePadding animated:animated];
-    }
-  }];
+    [self.bridge.uiManager addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
+        id view = viewRegistry[reactTag];
+        if (![view isKindOfClass:[AIRGoogleMap class]]) {
+            RCTLogError(@"Invalid view returned from registry, expecting AIRGoogleMap, got: %@", view);
+        } else {
+            AIRGoogleMap *mapView = (AIRGoogleMap *)view;
+            [mapView fitToCoordinates:coordinates withEdgePadding:edgePadding animated:animated];
+        }
+    }];
 }
 
 RCT_EXPORT_METHOD(takeSnapshot:(nonnull NSNumber *)reactTag
@@ -254,54 +257,54 @@ RCT_EXPORT_METHOD(takeSnapshot:(nonnull NSNumber *)reactTag
                   result:(nonnull NSString *)result
                   withCallback:(RCTPromiseResolveBlock)callback)
 {
-  NSTimeInterval timeStamp = [[NSDate date] timeIntervalSince1970];
-  NSString *pathComponent = [NSString stringWithFormat:@"Documents/snapshot-%.20lf.%@", timeStamp, format];
-  NSString *filePath = [NSHomeDirectory() stringByAppendingPathComponent: pathComponent];
-
-  [self.bridge.uiManager addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
-    id view = viewRegistry[reactTag];
-    if (![view isKindOfClass:[AIRGoogleMap class]]) {
-        RCTLogError(@"Invalid view returned from registry, expecting AIRMap, got: %@", view);
-    } else {
-        AIRGoogleMap *mapView = (AIRGoogleMap *)view;
-        NSMutableDictionary* config = [NSMutableDictionary new];
-
-        [mapView takeSnapshotWithConfig:config success:callback error:^(NSString *code, NSString *message, NSError *error) {
-            callback(@[error]);
-        }];
-
-        [config setObject:width forKey:@"width"];
-        [config setObject:height forKey:@"height"];
-        [config setObject:format forKey:@"format"];
-        [config setObject:quality forKey:@"quality"];
-        [config setObject:result forKey:@"result"];
-        [config setObject:filePath forKey:@"filePath"];
-
-      // TODO: currently we are ignoring width, height, region
-
-      UIGraphicsBeginImageContextWithOptions(mapView.frame.size, YES, 0.0f);
-      [mapView.layer renderInContext:UIGraphicsGetCurrentContext()];
-      UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
-
-      NSData *data;
-      if ([format isEqualToString:@"png"]) {
-          data = UIImagePNGRepresentation(image);
-
-      }
-      else if([format isEqualToString:@"jpg"]) {
-            data = UIImageJPEGRepresentation(image, quality.floatValue);
-      }
-
-      if ([result isEqualToString:@"file"]) {
-          [data writeToFile:filePath atomically:YES];
-            callback(@[[NSNull null], filePath]);
-        }
-        else if ([result isEqualToString:@"base64"]) {
-            callback(@[[NSNull null], [data base64EncodedStringWithOptions:NSDataBase64EncodingEndLineWithCarriageReturn]]);
+    NSTimeInterval timeStamp = [[NSDate date] timeIntervalSince1970];
+    NSString *pathComponent = [NSString stringWithFormat:@"Documents/snapshot-%.20lf.%@", timeStamp, format];
+    NSString *filePath = [NSHomeDirectory() stringByAppendingPathComponent: pathComponent];
+    
+    [self.bridge.uiManager addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
+        id view = viewRegistry[reactTag];
+        if (![view isKindOfClass:[AIRGoogleMap class]]) {
+            RCTLogError(@"Invalid view returned from registry, expecting AIRMap, got: %@", view);
+        } else {
+            AIRGoogleMap *mapView = (AIRGoogleMap *)view;
+            NSMutableDictionary* config = [NSMutableDictionary new];
+            
+            [mapView takeSnapshotWithConfig:config success:callback error:^(NSString *code, NSString *message, NSError *error) {
+                callback(@[error]);
+            }];
+            
+            [config setObject:width forKey:@"width"];
+            [config setObject:height forKey:@"height"];
+            [config setObject:format forKey:@"format"];
+            [config setObject:quality forKey:@"quality"];
+            [config setObject:result forKey:@"result"];
+            [config setObject:filePath forKey:@"filePath"];
+            
+            // TODO: currently we are ignoring width, height, region
+            
+            UIGraphicsBeginImageContextWithOptions(mapView.frame.size, YES, 0.0f);
+            [mapView.layer renderInContext:UIGraphicsGetCurrentContext()];
+            UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
+            
+            NSData *data;
+            if ([format isEqualToString:@"png"]) {
+                data = UIImagePNGRepresentation(image);
+                
+            }
+            else if([format isEqualToString:@"jpg"]) {
+                data = UIImageJPEGRepresentation(image, quality.floatValue);
+            }
+            
+            if ([result isEqualToString:@"file"]) {
+                [data writeToFile:filePath atomically:YES];
+                callback(@[[NSNull null], filePath]);
+            }
+            else if ([result isEqualToString:@"base64"]) {
+                callback(@[[NSNull null], [data base64EncodedStringWithOptions:NSDataBase64EncodingEndLineWithCarriageReturn]]);
+            }
         }
-    }
-    UIGraphicsEndImageContext();
-  }];
+        UIGraphicsEndImageContext();
+    }];
 }
 
 RCT_EXPORT_METHOD(pointForCoordinate:(nonnull NSNumber *)reactTag
@@ -309,21 +312,21 @@ RCT_EXPORT_METHOD(pointForCoordinate:(nonnull NSNumber *)reactTag
                   resolver: (RCTPromiseResolveBlock)resolve
                   rejecter:(RCTPromiseRejectBlock)reject)
 {
-  CLLocationCoordinate2D coord =
-  CLLocationCoordinate2DMake(
-                             [coordinate[@"latitude"] doubleValue],
-                             [coordinate[@"longitude"] doubleValue]
-                             );
-
-  [self.bridge.uiManager addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
-    id view = viewRegistry[reactTag];
-    if (![view isKindOfClass:[AIRGoogleMap class]]) {
-      RCTLogError(@"Invalid view returned from registry, expecting AIRMap, got: %@", view);
-    } else {
-      AIRGoogleMap *mapView = (AIRGoogleMap *)view;
-        resolve([mapView getPointForCoordinates:coord]);
-    }
-  }];
+    CLLocationCoordinate2D coord =
+    CLLocationCoordinate2DMake(
+                               [coordinate[@"latitude"] doubleValue],
+                               [coordinate[@"longitude"] doubleValue]
+                               );
+    
+    [self.bridge.uiManager addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
+        id view = viewRegistry[reactTag];
+        if (![view isKindOfClass:[AIRGoogleMap class]]) {
+            RCTLogError(@"Invalid view returned from registry, expecting AIRMap, got: %@", view);
+        } else {
+            AIRGoogleMap *mapView = (AIRGoogleMap *)view;
+            resolve([mapView getPointForCoordinates:coord]);
+        }
+    }];
 }
 
 RCT_EXPORT_METHOD(coordinateForPoint:(nonnull NSNumber *)reactTag
@@ -331,20 +334,20 @@ RCT_EXPORT_METHOD(coordinateForPoint:(nonnull NSNumber *)reactTag
                   resolver: (RCTPromiseResolveBlock)resolve
                   rejecter:(RCTPromiseRejectBlock)reject)
 {
-  CGPoint pt = CGPointMake(
-                           [point[@"x"] doubleValue],
-                           [point[@"y"] doubleValue]
-                           );
-
-  [self.bridge.uiManager addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
-    id view = viewRegistry[reactTag];
-    if (![view isKindOfClass:[AIRGoogleMap class]]) {
-      RCTLogError(@"Invalid view returned from registry, expecting AIRMap, got: %@", view);
-    } else {
-      AIRGoogleMap *mapView = (AIRGoogleMap *)view;
-        resolve([view getCoordinatesForPoint:pt]);
-    }
-  }];
+    CGPoint pt = CGPointMake(
+                             [point[@"x"] doubleValue],
+                             [point[@"y"] doubleValue]
+                             );
+    
+    [self.bridge.uiManager addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
+        id view = viewRegistry[reactTag];
+        if (![view isKindOfClass:[AIRGoogleMap class]]) {
+            RCTLogError(@"Invalid view returned from registry, expecting AIRMap, got: %@", view);
+        } else {
+            AIRGoogleMap *mapView = (AIRGoogleMap *)view;
+            resolve([view getCoordinatesForPoint:pt]);
+        }
+    }];
 }
 
 RCT_EXPORT_METHOD(getMarkersFrames:(nonnull NSNumber *)reactTag
@@ -367,140 +370,140 @@ RCT_EXPORT_METHOD(getMapBoundaries:(nonnull NSNumber *)reactTag
                   resolver:(RCTPromiseResolveBlock)resolve
                   rejecter:(RCTPromiseRejectBlock)reject)
 {
-  [self.bridge.uiManager addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
-    id view = viewRegistry[reactTag];
-    if (![view isKindOfClass:[AIRGoogleMap class]]) {
-      RCTLogError(@"Invalid view returned from registry, expecting AIRGoogleMap, got: %@", view);
-    } else {
-        resolve([view getMapBoundaries]);
-    }
-  }];
+    [self.bridge.uiManager addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
+        id view = viewRegistry[reactTag];
+        if (![view isKindOfClass:[AIRGoogleMap class]]) {
+            RCTLogError(@"Invalid view returned from registry, expecting AIRGoogleMap, got: %@", view);
+        } else {
+            resolve([view getMapBoundaries]);
+        }
+    }];
 }
 
 RCT_EXPORT_METHOD(setMapBoundaries:(nonnull NSNumber *)reactTag
                   northEast:(CLLocationCoordinate2D)northEast
                   southWest:(CLLocationCoordinate2D)southWest)
 {
-  [self.bridge.uiManager addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
-    id view = viewRegistry[reactTag];
-    if (![view isKindOfClass:[AIRGoogleMap class]]) {
-      RCTLogError(@"Invalid view returned from registry, expecting AIRGoogleMap, got: %@", view);
-    } else {
-      AIRGoogleMap *mapView = (AIRGoogleMap *)view;
-
-      GMSCoordinateBounds *bounds = [[GMSCoordinateBounds alloc] initWithCoordinate:northEast coordinate:southWest];
-
-      mapView.cameraTargetBounds = bounds;
-    }
-  }];
+    [self.bridge.uiManager addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
+        id view = viewRegistry[reactTag];
+        if (![view isKindOfClass:[AIRGoogleMap class]]) {
+            RCTLogError(@"Invalid view returned from registry, expecting AIRGoogleMap, got: %@", view);
+        } else {
+            AIRGoogleMap *mapView = (AIRGoogleMap *)view;
+            
+            GMSCoordinateBounds *bounds = [[GMSCoordinateBounds alloc] initWithCoordinate:northEast coordinate:southWest];
+            
+            mapView.cameraTargetBounds = bounds;
+        }
+    }];
 }
 
 RCT_EXPORT_METHOD(setIndoorActiveLevelIndex:(nonnull NSNumber *)reactTag
                   levelIndex:(NSInteger) levelIndex)
 {
-  [self.bridge.uiManager addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
-    id view = viewRegistry[reactTag];
-    if (![view isKindOfClass:[AIRGoogleMap class]]) {
-      RCTLogError(@"Invalid view returned from registry, expecting AIRGoogleMap, got: %@", view);
-    } else {
-      AIRGoogleMap *mapView = (AIRGoogleMap *)view;
-      if (!mapView.indoorDisplay) {
-        return;
-      }
-      if ( levelIndex < [mapView.indoorDisplay.activeBuilding.levels count]) {
-        mapView.indoorDisplay.activeLevel = mapView.indoorDisplay.activeBuilding.levels[levelIndex];
-      }
-    }
-  }];
- }
+    [self.bridge.uiManager addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
+        id view = viewRegistry[reactTag];
+        if (![view isKindOfClass:[AIRGoogleMap class]]) {
+            RCTLogError(@"Invalid view returned from registry, expecting AIRGoogleMap, got: %@", view);
+        } else {
+            AIRGoogleMap *mapView = (AIRGoogleMap *)view;
+            if (!mapView.indoorDisplay) {
+                return;
+            }
+            if ( levelIndex < [mapView.indoorDisplay.activeBuilding.levels count]) {
+                mapView.indoorDisplay.activeLevel = mapView.indoorDisplay.activeBuilding.levels[levelIndex];
+            }
+        }
+    }];
+}
 
 + (BOOL)requiresMainQueueSetup {
-  return YES;
+    return YES;
 }
 
 - (NSDictionary *)constantsToExport {
-  return @{ @"legalNotice": [GMSServices openSourceLicenseInfo] };
+    return @{ @"legalNotice": [GMSServices openSourceLicenseInfo] };
 }
 
 - (void)mapView:(GMSMapView *)mapView willMove:(BOOL)gesture {
-  self.isGesture = gesture;
-  AIRGoogleMap *googleMapView = (AIRGoogleMap *)mapView;
-  [googleMapView willMove:gesture];
+    self.isGesture = gesture;
+    AIRGoogleMap *googleMapView = (AIRGoogleMap *)mapView;
+    [googleMapView willMove:gesture];
 }
 
 - (void)mapViewDidStartTileRendering:(GMSMapView *)mapView {
-  AIRGoogleMap *googleMapView = (AIRGoogleMap *)mapView;
-  [googleMapView didPrepareMap];
+    AIRGoogleMap *googleMapView = (AIRGoogleMap *)mapView;
+    [googleMapView didPrepareMap];
 }
 
 - (void)mapViewDidFinishTileRendering:(GMSMapView *)mapView {
-  AIRGoogleMap *googleMapView = (AIRGoogleMap *)mapView;
-  [googleMapView mapViewDidFinishTileRendering];
+    AIRGoogleMap *googleMapView = (AIRGoogleMap *)mapView;
+    [googleMapView mapViewDidFinishTileRendering];
 }
 
 - (BOOL)mapView:(GMSMapView *)mapView didTapMarker:(GMSMarker *)marker {
-  AIRGoogleMap *googleMapView = (AIRGoogleMap *)mapView;
-  return [googleMapView didTapMarker:marker];
+    AIRGoogleMap *googleMapView = (AIRGoogleMap *)mapView;
+    return [googleMapView didTapMarker:marker];
 }
 
 - (void)mapView:(GMSMapView *)mapView didTapOverlay:(GMSPolygon *)polygon {
-  AIRGoogleMap *googleMapView = (AIRGoogleMap *)mapView;
-  [googleMapView didTapPolygon:polygon];
+    AIRGoogleMap *googleMapView = (AIRGoogleMap *)mapView;
+    [googleMapView didTapPolygon:polygon];
 }
 
 - (void)mapView:(GMSMapView *)mapView didTapAtCoordinate:(CLLocationCoordinate2D)coordinate {
-  AIRGoogleMap *googleMapView = (AIRGoogleMap *)mapView;
-  [googleMapView didTapAtCoordinate:coordinate];
+    AIRGoogleMap *googleMapView = (AIRGoogleMap *)mapView;
+    [googleMapView didTapAtCoordinate:coordinate];
 }
 
 - (void)mapView:(GMSMapView *)mapView didLongPressAtCoordinate:(CLLocationCoordinate2D)coordinate {
-  AIRGoogleMap *googleMapView = (AIRGoogleMap *)mapView;
-  [googleMapView didLongPressAtCoordinate:coordinate];
+    AIRGoogleMap *googleMapView = (AIRGoogleMap *)mapView;
+    [googleMapView didLongPressAtCoordinate:coordinate];
 }
 
 - (void)mapView:(GMSMapView *)mapView didChangeCameraPosition:(GMSCameraPosition *)position {
-  AIRGoogleMap *googleMapView = (AIRGoogleMap *)mapView;
-  [googleMapView didChangeCameraPosition:position isGesture:self.isGesture];
+    AIRGoogleMap *googleMapView = (AIRGoogleMap *)mapView;
+    [googleMapView didChangeCameraPosition:position isGesture:self.isGesture];
 }
 
 - (void)mapView:(GMSMapView *)mapView idleAtCameraPosition:(GMSCameraPosition *)position {
-  AIRGoogleMap *googleMapView = (AIRGoogleMap *)mapView;
-  [googleMapView idleAtCameraPosition:position isGesture:self.isGesture];
+    AIRGoogleMap *googleMapView = (AIRGoogleMap *)mapView;
+    [googleMapView idleAtCameraPosition:position isGesture:self.isGesture];
 }
 
 - (UIView *)mapView:(GMSMapView *)mapView markerInfoWindow:(GMSMarker *)marker {
-  AIRGMSMarker *aMarker = (AIRGMSMarker *)marker;
-  return [aMarker.fakeMarker markerInfoWindow];}
+    AIRGMSMarker *aMarker = (AIRGMSMarker *)marker;
+    return [aMarker.fakeMarker markerInfoWindow];}
 
 - (UIView *)mapView:(GMSMapView *)mapView markerInfoContents:(GMSMarker *)marker {
-  AIRGMSMarker *aMarker = (AIRGMSMarker *)marker;
-  return [aMarker.fakeMarker markerInfoContents];
+    AIRGMSMarker *aMarker = (AIRGMSMarker *)marker;
+    return [aMarker.fakeMarker markerInfoContents];
 }
 
 - (void)mapView:(GMSMapView *)mapView didTapInfoWindowOfMarker:(GMSMarker *)marker {
-  AIRGMSMarker *aMarker = (AIRGMSMarker *)marker;
-  [aMarker.fakeMarker didTapInfoWindowOfMarker:aMarker];
+    AIRGMSMarker *aMarker = (AIRGMSMarker *)marker;
+    [aMarker.fakeMarker didTapInfoWindowOfMarker:aMarker];
 }
 
 - (void)mapView:(GMSMapView *)mapView didBeginDraggingMarker:(GMSMarker *)marker {
-  AIRGMSMarker *aMarker = (AIRGMSMarker *)marker;
-  [aMarker.fakeMarker didBeginDraggingMarker:aMarker];
+    AIRGMSMarker *aMarker = (AIRGMSMarker *)marker;
+    [aMarker.fakeMarker didBeginDraggingMarker:aMarker];
 }
 
 - (void)mapView:(GMSMapView *)mapView didEndDraggingMarker:(GMSMarker *)marker {
-  AIRGMSMarker *aMarker = (AIRGMSMarker *)marker;
-  [aMarker.fakeMarker didEndDraggingMarker:aMarker];
+    AIRGMSMarker *aMarker = (AIRGMSMarker *)marker;
+    [aMarker.fakeMarker didEndDraggingMarker:aMarker];
 }
 
 - (void)mapView:(GMSMapView *)mapView didDragMarker:(GMSMarker *)marker {
-  AIRGMSMarker *aMarker = (AIRGMSMarker *)marker;
-  [aMarker.fakeMarker didDragMarker:aMarker];
+    AIRGMSMarker *aMarker = (AIRGMSMarker *)marker;
+    [aMarker.fakeMarker didDragMarker:aMarker];
 }
 
 - (void)mapView:(GMSMapView *)mapView
-    didTapPOIWithPlaceID:(NSString *)placeID
-                    name:(NSString *)name
-                location:(CLLocationCoordinate2D)location {
+didTapPOIWithPlaceID:(NSString *)placeID
+           name:(NSString *)name
+       location:(CLLocationCoordinate2D)location {
     AIRGoogleMap *googleMapView = (AIRGoogleMap *)mapView;
     [googleMapView didTapPOIWithPlaceID:placeID name:name location:location];
 }
@@ -508,23 +511,23 @@ RCT_EXPORT_METHOD(setIndoorActiveLevelIndex:(nonnull NSNumber *)reactTag
 #pragma mark Gesture Recognizer Handlers
 
 - (void)handleMapDrag:(UIPanGestureRecognizer*)recognizer {
-  AIRGoogleMap *map = (AIRGoogleMap *)recognizer.view;
-  if (!map.onPanDrag) return;
-
-  CGPoint touchPoint = [recognizer locationInView:map];
-  CLLocationCoordinate2D coord = [map.projection coordinateForPoint:touchPoint];
-  map.onPanDrag(@{
-                  @"coordinate": @{
-                      @"latitude": @(coord.latitude),
-                      @"longitude": @(coord.longitude),
-                      },
-                  @"position": @{
-                      @"x": @(touchPoint.x),
-                      @"y": @(touchPoint.y),
-                      },
-                   @"numberOfTouches": @(recognizer.numberOfTouches),
-                  });
-
+    AIRGoogleMap *map = (AIRGoogleMap *)recognizer.view;
+    if (!map.onPanDrag) return;
+    
+    CGPoint touchPoint = [recognizer locationInView:map];
+    CLLocationCoordinate2D coord = [map.projection coordinateForPoint:touchPoint];
+    map.onPanDrag(@{
+        @"coordinate": @{
+            @"latitude": @(coord.latitude),
+            @"longitude": @(coord.longitude),
+        },
+        @"position": @{
+            @"x": @(touchPoint.x),
+            @"y": @(touchPoint.y),
+        },
+        @"numberOfTouches": @(recognizer.numberOfTouches),
+    });
+    
 }
 
 @end

package/ios/AirGoogleMaps/RNMapsGoogleMapView.mm

@@ -196,9 +196,9 @@ using namespace facebook::react;
 
     _view.onIndoorLevelActivated = [self](NSDictionary* dictionary) {
         if (_eventEmitter) {
-            
+
             auto mapViewEventEmitter = std::static_pointer_cast<RNMapsGoogleMapViewEventEmitter const>(_eventEmitter);
-            
+
             facebook::react::RNMapsGoogleMapViewEventEmitter::OnIndoorLevelActivated data = {
                 .activeLevelIndex= (int) [dictionary[@"activeLevelIndex"] integerValue],
                 .name = [dictionary[@"name"] UTF8String],
@@ -214,7 +214,7 @@ using namespace facebook::react;
 
             NSError *jsError = nil;
             NSString *levelsStr = RCTJSONStringify(dictionary[@"levels"], &jsError);
-            
+
             facebook::react::RNMapsGoogleMapViewEventEmitter::OnIndoorBuildingFocused data = {
                 .underground = [dictionary[@"underground"] boolValue],
                 .activeLevelIndex = (int) [dictionary[@"activeLevelIndex"] integerValue],
@@ -497,6 +497,12 @@ using namespace facebook::react;
             _legacyMapManager.googleMapId = mapID;
         }
     }
+    if (oldViewProps.customMapStyleString != newViewProps.customMapStyleString) {
+        NSString* customStyle = RCTNSStringFromString(newViewProps.customMapStyleString);
+        if (customStyle && [customStyle length]){
+            _legacyMapManager.customMapStyle = customStyle;
+        }
+    }
     if (!newViewProps.zoomTapEnabled) {
         _legacyMapManager.zoomTapEnabled = newViewProps.zoomTapEnabled;
     } else {
@@ -573,6 +579,8 @@ using namespace facebook::react;
     REMAP_MAPVIEW_PROP(scrollEnabled)
 
     REMAP_MAPVIEW_STRING_PROP(kmlSrc)
+    REMAP_MAPVIEW_STRING_PROP(customMapStyleString)
+
 
     if (newViewProps.minZoom != oldViewProps.minZoom || newViewProps.maxZoom != oldViewProps.maxZoom){
         [_view setMinZoom:newViewProps.minZoom maxZoom:newViewProps.maxZoom];

package/ios/AirMaps/RNMapsDefines.h

@@ -0,0 +1 @@
+#define HAVE_GOOGLE_MAPS 1

package/ios/generated/RNMapsSpecs/Props.cpp

@@ -66,6 +66,7 @@ RNMapsGoogleMapViewProps::RNMapsGoogleMapViewProps(
     showsTraffic(convertRawProp(context, rawProps, "showsTraffic", sourceProps.showsTraffic, {false})),
     showsUserLocation(convertRawProp(context, rawProps, "showsUserLocation", sourceProps.showsUserLocation, {false})),
     userInterfaceStyle(convertRawProp(context, rawProps, "userInterfaceStyle", sourceProps.userInterfaceStyle, {RNMapsGoogleMapViewUserInterfaceStyle::System})),
+    customMapStyleString(convertRawProp(context, rawProps, "customMapStyleString", sourceProps.customMapStyleString, {})),
     userLocationCalloutEnabled(convertRawProp(context, rawProps, "userLocationCalloutEnabled", sourceProps.userLocationCalloutEnabled, {false})),
     userLocationFastestInterval(convertRawProp(context, rawProps, "userLocationFastestInterval", sourceProps.userLocationFastestInterval, {0})),
     userLocationPriority(convertRawProp(context, rawProps, "userLocationPriority", sourceProps.userLocationPriority, {RNMapsGoogleMapViewUserLocationPriority::High})),

package/ios/generated/RNMapsSpecs/Props.h

@@ -391,6 +391,7 @@ class RNMapsGoogleMapViewProps final : public ViewProps {
   bool showsTraffic{false};
   bool showsUserLocation{false};
   RNMapsGoogleMapViewUserInterfaceStyle userInterfaceStyle{RNMapsGoogleMapViewUserInterfaceStyle::System};
+  std::string customMapStyleString{};
   bool userLocationCalloutEnabled{false};
   int userLocationFastestInterval{0};
   RNMapsGoogleMapViewUserLocationPriority userLocationPriority{RNMapsGoogleMapViewUserLocationPriority::High};

package/package.json

@@ -5,7 +5,7 @@
   "main": "src/index.ts",
   "author": "Leland Richardson <leland.m.richardson@gmail.com>",
   "homepage": "https://github.com/react-native-maps/react-native-maps#readme",
-  "version": "1.21.0-alpha.132",
+  "version": "1.21.0-alpha.134",
   "license": "MIT",
   "scripts": {
     "lint": "eslint . --max-warnings 0",

package/src/MapView.tsx

@@ -1128,16 +1128,22 @@ class MapView extends React.Component<MapViewProps, State> {
       onRegionChange,
       onRegionChangeComplete,
       onPress,
+      onMapReady,
       minZoomLevel,
       maxZoomLevel,
       region,
       provider,
       children,
+      customMapStyle,
       ...restProps
     } = this.props;
 
     /* eslint-enable @typescript-eslint/no-unused-vars */
     const userInterfaceStyle = this.props.userInterfaceStyle || 'system';
+    const customMapStyleString = customMapStyle
+      ? JSON.stringify(this.props.customMapStyle)
+      : undefined;
+
     const props: MapFabricNativeProps = {
       onMapReady: this._onMapReady,
       liteMode: this.props.liteMode,
@@ -1149,6 +1155,7 @@ class MapView extends React.Component<MapViewProps, State> {
       onMarkerDeselect: this.handleMarkerDeselect,
       onKmlReady: this.handleKmlReady,
       userInterfaceStyle: userInterfaceStyle,
+      customMapStyleString,
       minZoom: minZoomLevel,
       maxZoom: maxZoomLevel,
       onRegionChange: this.handleRegionChange,

package/src/specs/NativeComponentGoogleMapView.ts

@@ -774,6 +774,15 @@ export interface MapFabricNativeProps extends ViewProps {
    */
   userInterfaceStyle?: WithDefault<'system' | 'light' | 'dark', 'system'>;
 
+  /**
+   * Adds custom styling to the map component.
+   * See [README](https://github.com/react-native-maps/react-native-maps#customizing-the-map-style) for more information.
+   *
+   * @platform iOS: Google Maps only
+   * @platform Android: Supported
+   */
+  customMapStyleString?: string;
+
   /**
    * If `true` clicking user location will show the default callout for userLocation annotation.
    *

package/src/specs/NativeComponentMapView.ts

@@ -923,6 +923,15 @@ export interface MapFabricNativeProps extends ViewProps {
    */
   userInterfaceStyle?: WithDefault<'system' | 'light' | 'dark', 'system'>;
 
+  /**
+   * Adds custom styling to the map component.
+   * See [README](https://github.com/react-native-maps/react-native-maps#customizing-the-map-style) for more information.
+   *
+   * @platform iOS: Google Maps only
+   * @platform Android: Supported
+   */
+  customMapStyleString?: string;
+
   /**
    * The title of the annotation for current user location.
    *