react-native-maps 1.21.0-alpha.7 → 1.21.0-alpha.9

package/ios/AirGoogleMaps/AIRGoogleMap.h

@@ -13,10 +13,10 @@
 #import <GoogleMaps/GoogleMaps.h>
 #import <MapKit/MapKit.h>
 #import "AIRGMSMarker.h"
-
+#import "RNMapsAirModuleDelegate.h"
 #import "AIRGoogleMapCoordinate.h"
 
-@interface AIRGoogleMap : GMSMapView
+@interface AIRGoogleMap : GMSMapView <RNMapsAirModuleDelegate>
 
 // TODO: don't use MK region?
 @property (nonatomic, weak) RCTBridge *bridge;

package/ios/AirGoogleMaps/AIRGoogleMap.m

@@ -748,6 +748,63 @@ id regionAsJSON(MKCoordinateRegion region) {
   return [map cameraForBounds:bounds insets:UIEdgeInsetsZero];
 }
 
+#pragma mark - RNMapsAirModuleDelegate
+
+- (NSDictionary *) getCoordinatesForPoint:(CGPoint)point
+{
+    CLLocationCoordinate2D coordinate = [self.projection coordinateForPoint:point];
+    return @{
+              @"latitude": @(coordinate.latitude),
+              @"longitude": @(coordinate.longitude),
+    };
+}
+
+- (NSDictionary *) getPointForCoordinates:(CLLocationCoordinate2D)location
+{
+    CGPoint touchPoint = [self.projection pointForCoordinate:location];
+    return @{
+        @"x": @(touchPoint.x),
+        @"y": @(touchPoint.y),
+    };
+}
+
+-(void) takeSnapshotWithConfig:(NSDictionary *)config callback:(RCTPromiseResolveBlock) callback
+{
+    /* unused
+    NSNumber *width = [config objectForKey:@"width"];
+    NSNumber *height = [config objectForKey:@"height"];
+    */
+    NSNumber *quality = [config objectForKey:@"quality"];
+
+    NSString *format = [config objectForKey:@"format"];
+    NSString *result = [config objectForKey:@"result"];
+    NSString *filePath = [config objectForKey:@"filePath"];
+
+    
+    // TODO: currently we are ignoring width, height, region
+
+    UIGraphicsBeginImageContextWithOptions(self.frame.size, YES, 0.0f);
+    [self.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(filePath);
+    } else if ([result isEqualToString:@"base64"]) {
+          callback([data base64EncodedStringWithOptions:NSDataBase64EncodingEndLineWithCarriageReturn]);
+    }
+  
+  UIGraphicsEndImageContext();
+}
+
 #pragma mark - Utils
 
 - (CGRect) frameForMarker:(AIRGoogleMapMarker*) mrkView {

package/ios/AirGoogleMaps/AIRGoogleMapManager.m

@@ -253,7 +253,7 @@ RCT_EXPORT_METHOD(takeSnapshot:(nonnull NSNumber *)reactTag
                   format:(nonnull NSString *)format
                   quality:(nonnull NSNumber *)quality
                   result:(nonnull NSString *)result
-                  withCallback:(RCTResponseSenderBlock)callback)
+                  withCallback:(RCTPromiseResolveBlock)callback)
 {
   NSTimeInterval timeStamp = [[NSDate date] timeIntervalSince1970];
   NSString *pathComponent = [NSString stringWithFormat:@"Documents/snapshot-%.20lf.%@", timeStamp, format];
@@ -264,7 +264,17 @@ RCT_EXPORT_METHOD(takeSnapshot:(nonnull NSNumber *)reactTag
     if (![view isKindOfClass:[AIRGoogleMap class]]) {
         RCTLogError(@"Invalid view returned from registry, expecting AIRMap, got: %@", view);
     } else {
-      AIRGoogleMap *mapView = (AIRGoogleMap *)view;
+        AIRGoogleMap *mapView = (AIRGoogleMap *)view;
+        NSMutableDictionary* config = [NSMutableDictionary new];
+        
+        [mapView takeSnapshotWithConfig:config callback:callback];
+        
+        [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
 
@@ -310,13 +320,7 @@ RCT_EXPORT_METHOD(pointForCoordinate:(nonnull NSNumber *)reactTag
       RCTLogError(@"Invalid view returned from registry, expecting AIRMap, got: %@", view);
     } else {
       AIRGoogleMap *mapView = (AIRGoogleMap *)view;
-
-      CGPoint touchPoint = [mapView.projection pointForCoordinate:coord];
-
-      resolve(@{
-                @"x": @(touchPoint.x),
-                @"y": @(touchPoint.y),
-                });
+        resolve([mapView getPointForCoordinates:coord]);
     }
   }];
 }
@@ -337,13 +341,7 @@ RCT_EXPORT_METHOD(coordinateForPoint:(nonnull NSNumber *)reactTag
       RCTLogError(@"Invalid view returned from registry, expecting AIRMap, got: %@", view);
     } else {
       AIRGoogleMap *mapView = (AIRGoogleMap *)view;
-
-      CLLocationCoordinate2D coordinate = [mapView.projection coordinateForPoint:pt];
-
-      resolve(@{
-                @"latitude": @(coordinate.latitude),
-                @"longitude": @(coordinate.longitude),
-                });
+        resolve([view getCoordinatesForPoint:pt]);
     }
   }];
 }
@@ -373,18 +371,7 @@ RCT_EXPORT_METHOD(getMapBoundaries:(nonnull NSNumber *)reactTag
     if (![view isKindOfClass:[AIRGoogleMap class]]) {
       RCTLogError(@"Invalid view returned from registry, expecting AIRGoogleMap, got: %@", view);
     } else {
-        NSArray *boundingBox = [view getMapBoundaries];
-
-        resolve(@{
-          @"northEast" : @{
-            @"longitude" : boundingBox[0][0],
-            @"latitude" : boundingBox[0][1]
-          },
-          @"southWest" : @{
-            @"longitude" : boundingBox[1][0],
-            @"latitude" : boundingBox[1][1]
-          }
-        });
+        resolve([view getMapBoundaries]);
     }
   }];
 }

package/ios/AirGoogleMaps/RCTConvert+GMSMapViewType.h

@@ -9,9 +9,12 @@
 #import <Foundation/Foundation.h>
 #import <GoogleMaps/GoogleMaps.h>
 #import <React/RCTConvert.h>
+#import "AIRGoogleMapCoordinate.h"
 
 @interface RCTConvert (GMSMapViewType)
 + (GMSCameraPosition*)GMSCameraPositionWithDefaults:(id)json existingCamera:(GMSCameraPosition*)existingCamera;
++ (NSArray<NSArray<AIRGoogleMapCoordinate *> *> *)AIRGoogleMapCoordinateArrayArray:(id)json;
++ (AIRGoogleMapCoordinate *)AIRGoogleMapCoordinate:(id)json;
 @end
 
 #endif

package/ios/AirGoogleMaps/RNMapsGoogleMapView.h

@@ -10,13 +10,13 @@
 
 #import <React/RCTViewComponentView.h>
 #import <UIKit/UIKit.h>
+#import "RNMapsHostVewDelegate.h"
+
 @class AIRGoogleMap;
 
 NS_ASSUME_NONNULL_BEGIN
 
-@interface RNMapsGoogleMapView : RCTViewComponentView
-
-- (AIRGoogleMap *) mapView;
+@interface RNMapsGoogleMapView : RCTViewComponentView<RNMapsHostVewDelegate>
 
 @end
 

package/ios/AirGoogleMaps/RNMapsGoogleMapView.mm

@@ -34,7 +34,7 @@ using namespace facebook::react;
 }
 
 
-- (AIRGoogleMap *) mapView {
+- (id<RNMapsAirModuleDelegate>) mapView {
     return _view;
 }
 
@@ -73,10 +73,14 @@ using namespace facebook::react;
 }
 - (void)fitToCoordinates:(NSString *)coordinatesJSON edgePaddingJSON:(NSString *)edgePaddingJSON animated:(BOOL)animated {
     NSArray* coordinatesArr = [RCTConvert arrayFromString:coordinatesJSON];
+    NSMutableArray<AIRGoogleMapCoordinate*>* coordinatesArray = [NSMutableArray new];
+    for (id json : coordinatesArr){
+        [coordinatesArray addObject:[RCTConvert AIRGoogleMapCoordinate:json]];
+    }
 
     NSDictionary* edgePadding = [RCTConvert dictonaryFromString:edgePaddingJSON];
     
-   // [_view fitToCoordinates:coordinatesArr withEdgePadding:edgePadding animated:animated];
+    [_view fitToCoordinates:coordinatesArray withEdgePadding:edgePadding animated:animated];
 }
 
 #pragma mark - Native commands
@@ -128,7 +132,6 @@ using namespace facebook::react;
 
       _view.onMapReady = [self](NSDictionary* dictionary) {
           if (_eventEmitter) {
-              NSLog(@"mapReady");
               auto mapViewEventEmitter = std::static_pointer_cast<RNMapsGoogleMapViewEventEmitter const>(_eventEmitter);
               facebook::react::RNMapsGoogleMapViewEventEmitter::OnMapReady data = {};
               mapViewEventEmitter->onMapReady(data);
@@ -137,7 +140,6 @@ using namespace facebook::react;
     
     _view.onMapLoaded = [self](NSDictionary* dictionary) {
         if (_eventEmitter) {
-            NSLog(@"mapLoaded");
             auto mapViewEventEmitter = std::static_pointer_cast<RNMapsGoogleMapViewEventEmitter const>(_eventEmitter);
             facebook::react::RNMapsGoogleMapViewEventEmitter::OnMapLoaded data = {};
             mapViewEventEmitter->onMapLoaded(data);

package/ios/AirMaps/AIRMap.h

@@ -14,14 +14,16 @@
 #import "SMCalloutView.h"
 #import "RCTConvert+AirMap.h"
 #import "AIRMapCalloutSubview.h"
+#import "RNMapsAirModuleDelegate.h"
 
+@class AIRMapCoordinate;
 @class AIRMapMarker;
 
 extern const NSTimeInterval AIRMapRegionChangeObserveInterval;
 extern const CGFloat AIRMapZoomBoundBuffer;
 extern const NSInteger AIRMapMaxZoomLevel;
 
-@interface AIRMap: MKMapView<SMCalloutViewDelegate>
+@interface AIRMap: MKMapView<SMCalloutViewDelegate, RNMapsAirModuleDelegate>
 
 @property (nonatomic, strong) SMCalloutView *calloutView;
 @property (nonatomic, strong) UIImageView *cacheImageView;
@@ -80,5 +82,5 @@ extern const NSInteger AIRMapMaxZoomLevel;
 - (AIRMapMarker*) markerAtPoint:(CGPoint)point;
 - (NSDictionary*) getMarkersFramesWithOnlyVisible:(BOOL)onlyVisible;
 - (void)insertReactSubview:(id<RCTComponent>)subview atIndex:(NSInteger)atIndex;
-
+-(void) fitToCoordinates:(NSArray<AIRMapCoordinate*>*) coordinates edgePadding:(UIEdgeInsets) edgeInsets animated:(Boolean) animated;
 @end

package/ios/AirMaps/AIRMap.m

@@ -20,6 +20,7 @@
 #import "AIRMapWMSTile.h"
 #import "AIRMapLocalTile.h"
 #import "AIRMapOverlay.h"
+#import "AIRMapSnapshot.h"
 
 const NSTimeInterval AIRMapRegionChangeObserveInterval = 0.1;
 const CGFloat AIRMapZoomBoundBuffer = 0.01;
@@ -199,36 +200,25 @@ const NSInteger AIRMapMaxZoomLevel = 20;
     }
     return marker;
 }
+// Create Polyline with coordinates
+-(void) fitToCoordinates:(NSArray<AIRMapCoordinate*>*) coordinates edgePadding:(UIEdgeInsets) edgeInsets animated:(Boolean) animated {
+CLLocationCoordinate2D coords[coordinates.count];
+for(int i = 0; i < coordinates.count; i++)
+{
+    coords[i] = coordinates[i].coordinate;
+}
+MKPolyline *polyline = [MKPolyline polylineWithCoordinates:coords count:coordinates.count];
 
+// Set Map viewport
+
+[self setVisibleMapRect:[polyline boundingMapRect] edgePadding:edgeInsets animated:animated];
+}
 - (CGRect) frameForMarker:(AIRMapMarker*) mrkAnn {
     MKAnnotationView* mrkView = [self viewForAnnotation: mrkAnn];
     CGRect mrkFrame = mrkView.frame;
     return mrkFrame;
 }
 
-- (NSDictionary*) getMarkersFramesWithOnlyVisible:(BOOL)onlyVisible {
-    NSMutableDictionary* markersFrames = [NSMutableDictionary new];
-    for (AIRMapMarker* mrkAnn in self.markers) {
-        CGRect frame = [self frameForMarker:mrkAnn];
-        CGPoint point = [self convertCoordinate:mrkAnn.coordinate toPointToView:self];
-        NSDictionary* frameDict = @{
-            @"x": @(frame.origin.x),
-            @"y": @(frame.origin.y),
-            @"width": @(frame.size.width),
-            @"height": @(frame.size.height)
-        };
-        NSDictionary* pointDict = @{
-            @"x": @(point.x),
-            @"y": @(point.y)
-        };
-        NSString* k = mrkAnn.identifier;
-        BOOL isVisible = CGRectIntersectsRect(self.bounds, frame);
-        if (k != nil && (!onlyVisible || isVisible)) {
-            [markersFrames setObject:@{ @"frame": frameDict, @"point": pointDict } forKey:k];
-        }
-    }
-    return markersFrames;
-}
 
 - (AIRMapMarker*) markerAtPoint:(CGPoint)point {
     AIRMapMarker* mrk = nil;
@@ -322,7 +312,7 @@ const NSInteger AIRMapMaxZoomLevel = 20;
     return kSMCalloutViewRepositionDelayForUIScrollView;
 }
 
-#pragma mark Accessors
+#pragma mark RNMapsAirModuleDelegate.h
 
 - (NSArray *)getMapBoundaries
 {
@@ -342,6 +332,169 @@ const NSInteger AIRMapMaxZoomLevel = 20;
         ]
     ];
 }
+- (NSDictionary *) getPointForCoordinates:(CLLocationCoordinate2D) location
+{
+    CGPoint touchPoint = [self convertCoordinate:location toPointToView:self];
+    
+    return @{
+              @"x": @(touchPoint.x),
+              @"y": @(touchPoint.y),
+    };
+}
+- (NSDictionary *) getCoordinatesForPoint:(CGPoint)point
+{
+    CLLocationCoordinate2D coordinate = [self convertPoint:point toCoordinateFromView:self];
+    return @{
+              @"latitude": @(coordinate.latitude),
+              @"longitude": @(coordinate.longitude),
+    };
+    
+}
+
+- (NSDictionary*) getMarkersFramesWithOnlyVisible:(BOOL)onlyVisible {
+    NSMutableDictionary* markersFrames = [NSMutableDictionary new];
+    for (AIRMapMarker* mrkAnn in self.markers) {
+        CGRect frame = [self frameForMarker:mrkAnn];
+        CGPoint point = [self convertCoordinate:mrkAnn.coordinate toPointToView:self];
+        NSDictionary* frameDict = @{
+            @"x": @(frame.origin.x),
+            @"y": @(frame.origin.y),
+            @"width": @(frame.size.width),
+            @"height": @(frame.size.height)
+        };
+        NSDictionary* pointDict = @{
+            @"x": @(point.x),
+            @"y": @(point.y)
+        };
+        NSString* k = mrkAnn.identifier;
+        BOOL isVisible = CGRectIntersectsRect(self.bounds, frame);
+        if (k != nil && (!onlyVisible || isVisible)) {
+            [markersFrames setObject:@{ @"frame": frameDict, @"point": pointDict } forKey:k];
+        }
+    }
+    return markersFrames;
+}
+
+- (NSDictionary *) getCamera {
+    MKMapCamera *camera = [self camera];
+    return @{
+              @"center": @{
+                      @"latitude": @(camera.centerCoordinate.latitude),
+                      @"longitude": @(camera.centerCoordinate.longitude),
+              },
+              @"pitch": @(camera.pitch),
+              @"heading": @(camera.heading),
+              @"altitude": @(camera.altitude),
+    };
+}
+- (void)takeSnapshotWithConfig:(NSDictionary *)config
+                      callback:(RCTPromiseResolveBlock) callback
+{
+    
+  MKMapSnapshotOptions *options = [[MKMapSnapshotOptions alloc] init];
+ 
+  options.mapType = self.mapType;
+  NSNumber *width = config[@"width"];
+  NSNumber *height = config[@"height"];
+  NSNumber *quality = config[@"quality"];
+  NSString*format =config[@"format"];
+  NSString*result =config[@"result"];
+  MKCoordinateRegion region = [RCTConvert MKCoordinateRegion:config[@"region"]];
+ 
+
+  options.region = (region.center.latitude && region.center.longitude) ? region : self.region;
+  options.size = CGSizeMake(
+    ([width floatValue] == 0) ? self.bounds.size.width : [width floatValue],
+    ([height floatValue] == 0) ? self.bounds.size.height : [height floatValue]
+  );
+  
+  options.scale = [[UIScreen mainScreen] scale];
+
+
+  MKMapSnapshotter *snapshotter = [[MKMapSnapshotter alloc] initWithOptions:options];
+
+  [self takeMapSnapshot:snapshotter
+                 format:format
+                quality:[quality floatValue]
+                 result:result
+               callback:callback];
+}
+
+#pragma mark Take Snapshot
+- (void)takeMapSnapshot:(MKMapSnapshotter *) snapshotter
+        format:(NSString *)format
+        quality:(CGFloat) quality
+        result:(NSString *)result
+        callback:(RCTPromiseResolveBlock) callback {
+    NSTimeInterval timeStamp = [[NSDate date] timeIntervalSince1970];
+    NSString *pathComponent = [NSString stringWithFormat:@"Documents/snapshot-%.20lf.%@", timeStamp, format];
+    NSString *filePath = [NSHomeDirectory() stringByAppendingPathComponent: pathComponent];
+
+    [snapshotter startWithQueue:dispatch_get_main_queue()
+              completionHandler:^(MKMapSnapshot *snapshot, NSError *error) {
+                  if (error) {
+                      callback(@[error]);
+                      return;
+                  }
+                  MKAnnotationView *pin = [[MKPinAnnotationView alloc] initWithAnnotation:nil reuseIdentifier:nil];
+
+                  UIImage *image = snapshot.image;
+                  UIGraphicsBeginImageContextWithOptions(image.size, YES, image.scale);
+                  {
+                      [image drawAtPoint:CGPointMake(0.0f, 0.0f)];
+
+                      CGRect rect = CGRectMake(0.0f, 0.0f, image.size.width, image.size.height);
+
+                      for (id <AIRMapSnapshot> overlay in self.overlays) {
+                          if ([overlay respondsToSelector:@selector(drawToSnapshot:context:)]) {
+                                  [overlay drawToSnapshot:snapshot context:UIGraphicsGetCurrentContext()];
+                          }
+                      }
+                      
+                      for (id <MKAnnotation> annotation in self.annotations) {
+                          CGPoint point = [snapshot pointForCoordinate:annotation.coordinate];
+                          
+                          MKAnnotationView* anView = [self viewForAnnotation: annotation];
+                          
+                          if (anView){
+                              pin = anView;
+                          }
+                          
+                          if (CGRectContainsPoint(rect, point)) {
+                              point.x = point.x + pin.centerOffset.x - (pin.bounds.size.width / 2.0f);
+                              point.y = point.y + pin.centerOffset.y - (pin.bounds.size.height / 2.0f);
+                              if (pin.image) {
+                                  [pin.image drawAtPoint:point];
+                              } else {
+                                  CGRect pinRect = CGRectMake(point.x, point.y, pin.bounds.size.width, pin.bounds.size.height);
+                                  [pin drawViewHierarchyInRect:pinRect afterScreenUpdates:NO];
+                              }
+                          }
+                      }
+
+                      UIImage *compositeImage = UIGraphicsGetImageFromCurrentImageContext();
+
+                      NSData *data;
+                      if ([format isEqualToString:@"png"]) {
+                          data = UIImagePNGRepresentation(compositeImage);
+                      }
+                      else if([format isEqualToString:@"jpg"]) {
+                          data = UIImageJPEGRepresentation(compositeImage, quality);
+                      }
+
+                      if ([result isEqualToString:@"file"]) {
+                          [data writeToFile:filePath atomically:YES];
+                          callback(filePath);
+                      }
+                      else if ([result isEqualToString:@"base64"]) {
+                          callback([data base64EncodedStringWithOptions:NSDataBase64EncodingEndLineWithCarriageReturn]);
+                      }
+                  }
+                  UIGraphicsEndImageContext();
+              }];
+}
+
+
 
 - (void)setShowsUserLocation:(BOOL)showsUserLocation
 {

package/ios/AirMaps/AIRMapManager.m

@@ -350,23 +350,8 @@ RCT_EXPORT_METHOD(fitToCoordinates:(nonnull NSNumber *)reactTag
             RCTLogError(@"Invalid view returned from registry, expecting AIRMap, got: %@", view);
         } else {
             AIRMap *mapView = (AIRMap *)view;
-
-            // Create Polyline with coordinates
-            CLLocationCoordinate2D coords[coordinates.count];
-            for(int i = 0; i < coordinates.count; i++)
-            {
-                coords[i] = coordinates[i].coordinate;
-            }
-            MKPolyline *polyline = [MKPolyline polylineWithCoordinates:coords count:coordinates.count];
-
-            // Set Map viewport
-            CGFloat top = [RCTConvert CGFloat:edgePadding[@"top"]];
-            CGFloat right = [RCTConvert CGFloat:edgePadding[@"right"]];
-            CGFloat bottom = [RCTConvert CGFloat:edgePadding[@"bottom"]];
-            CGFloat left = [RCTConvert CGFloat:edgePadding[@"left"]];
-
-            [mapView setVisibleMapRect:[polyline boundingMapRect] edgePadding:UIEdgeInsetsMake(top, left, bottom, right) animated:animated];
-
+            UIEdgeInsets edgeInsets = [RCTConvert UIEdgeInsets:edgePadding];
+            [mapView fitToCoordinates: coordinates edgePadding:edgeInsets animated:animated];
         }
     }];
 }

package/ios/AirMaps/RCTConvert+AirMap.h

@@ -7,6 +7,8 @@
 #import <MapKit/MapKit.h>
 #import <React/RCTConvert.h>
 
+@class AIRMapCoordinate;
+
 @interface RCTConvert (AirMap)
 
 + (MKCoordinateSpan)MKCoordinateSpan:(id)json;
@@ -16,4 +18,6 @@
 + (MKMapType)MKMapType:(id)json;
 + (NSDictionary*) dictonaryFromString:(NSString *) str;
 + (NSArray*) arrayFromString:(NSString *) str;
++ (NSArray<NSArray<AIRMapCoordinate *> *> *)AIRMapCoordinateArrayArray:(id)json;
++ (AIRMapCoordinate*) AIRMapCoordinate:(id)json;
 @end

package/ios/AirMaps/RCTConvert+AirMap.m

@@ -27,6 +27,7 @@
   };
 }
 
+
 + (MKMapCamera*)MKMapCamera:(id)json
 {
     json = [self NSDictionary:json];
@@ -49,6 +50,7 @@
                                                 error:&jsonError];
 }
 
+
 + (MKMapCamera*)MKMapCameraWithDefaults:(id)json existingCamera:(MKMapCamera*)camera
 {
     json = [self NSDictionary:json];

package/ios/AirMaps/RNMapsAirModule.mm

@@ -20,15 +20,15 @@
 @synthesize viewRegistry_DEPRECATED = _viewRegistry_DEPRECATED;
 
 - (void)executeWithMapView:(double)tag
-                   success:(void (^)(AIRMap *mapView))success
+                   success:(void (^)(id<RNMapsAirModuleDelegate> mapView))success
                    reject:(RCTPromiseRejectBlock)reject {
     dispatch_async(dispatch_get_main_queue(), ^{
         id view = [_viewRegistry_DEPRECATED viewForReactTag:[NSNumber numberWithDouble:tag]];
-        if (![view isKindOfClass:[RNMapsMapView class]]) {
-            reject(@"Invalid argument", [NSString stringWithFormat:@"Invalid view returned from registry, expecting RNMapsMapView, got: %@", view], NULL);
+        if ([view conformsToProtocol:@protocol(RNMapsHostVewDelegate)]) {
+            id<RNMapsAirModuleDelegate> mapViewDelegate = [view mapView];
+            success(mapViewDelegate);
         } else {
-            AIRMap *mapView = [view mapView];
-            success(mapView);
+            reject(@"Invalid argument", [NSString stringWithFormat:@"Invalid view returned from registry, expecting RNMapsMapView, got: %@", view], NULL);
         }
     });
 }
@@ -36,17 +36,8 @@
 - (void)getCamera:(double)tag
           resolve:(RCTPromiseResolveBlock)resolve
            reject:(RCTPromiseRejectBlock)reject {
-    [self executeWithMapView:tag success:^(AIRMap *mapView) {
-            MKMapCamera *camera = [mapView camera];
-            resolve(@{
-                      @"center": @{
-                              @"latitude": @(camera.centerCoordinate.latitude),
-                              @"longitude": @(camera.centerCoordinate.longitude),
-                      },
-                      @"pitch": @(camera.pitch),
-                      @"heading": @(camera.heading),
-                      @"altitude": @(camera.altitude),
-            });
+    [self executeWithMapView:tag success:^(id<RNMapsAirModuleDelegate> mapView) {
+        resolve([mapView getCamera]);
     } reject:reject];
 
 }
@@ -56,7 +47,7 @@
                  resolve:(RCTPromiseResolveBlock)resolve
                   reject:(RCTPromiseRejectBlock)reject
 {
-    [self executeWithMapView:tag success:^(AIRMap *mapView) {
+    [self executeWithMapView:tag success:^(id<RNMapsAirModuleDelegate> mapView) {
         resolve([mapView getMarkersFramesWithOnlyVisible:onlyVisible]);
     } reject:reject];
 }
@@ -64,7 +55,7 @@
                  resolve:(RCTPromiseResolveBlock)resolve
                   reject:(RCTPromiseRejectBlock)reject
 {
-    [self executeWithMapView:tag success:^(AIRMap *mapView) {
+    [self executeWithMapView:tag success:^(id<RNMapsAirModuleDelegate> mapView) {
         resolve([mapView getMapBoundaries]);
     } reject:reject];
 }
@@ -73,42 +64,11 @@
              resolve:(RCTPromiseResolveBlock)resolve
               reject:(RCTPromiseRejectBlock)reject
 {
-
-    [self executeWithMapView:tag success:^(AIRMap *mapView) {
-          
-        MKMapSnapshotOptions *options = [[MKMapSnapshotOptions alloc] init];
-       
-        options.mapType = mapView.mapType;
-        NSNumber *width = config[@"width"];
-        NSNumber *height = config[@"height"];
-        NSNumber *quality = config[@"quality"];
-        NSString*format =config[@"format"];
-        NSString*result =config[@"result"];
-        MKCoordinateRegion region = [RCTConvert MKCoordinateRegion:config[@"region"]];
-       
-     
-        options.region = (region.center.latitude && region.center.longitude) ? region : mapView.region;
-        options.size = CGSizeMake(
-          ([width floatValue] == 0) ? mapView.bounds.size.width : [width floatValue],
-          ([height floatValue] == 0) ? mapView.bounds.size.height : [height floatValue]
-        );
-        
-        options.scale = [[UIScreen mainScreen] scale];
-
-
-        MKMapSnapshotter *snapshotter = [[MKMapSnapshotter alloc] initWithOptions:options];
-
-        [self takeMapSnapshot:mapView
-            snapshotter:snapshotter
-            format:format
-            quality:[quality floatValue]
-            result:result
-            callback:resolve];
-        
+    [self executeWithMapView:tag success:^(id<RNMapsAirModuleDelegate> mapView) {
+        [mapView takeSnapshotWithConfig:config callback:resolve];
     } reject:reject];
-    
-   
 }
+
 - (void)getAddressFromCoordinates:(double)tag
                        coordinate:(JS::NativeAirMapsModule::LatLng &)coordinate
                           resolve:(RCTPromiseResolveBlock)resolve
@@ -117,32 +77,30 @@
     double latitude = coordinate.latitude();
     double longitude = coordinate.longitude();
     
-    [self executeWithMapView:tag success:^(AIRMap *mapView) {
-        CLLocation *location = [[CLLocation alloc] initWithLatitude:latitude
+  
+    CLLocation *location = [[CLLocation alloc] initWithLatitude:latitude
                                                           longitude:longitude];
-        CLGeocoder *geoCoder = [[CLGeocoder alloc] init];
-        [geoCoder reverseGeocodeLocation:location
+    CLGeocoder *geoCoder = [[CLGeocoder alloc] init];
+    [geoCoder reverseGeocodeLocation:location
                        completionHandler:^(NSArray *placemarks, NSError *error) {
-            if (error == nil && [placemarks count] > 0){
-                CLPlacemark *placemark = placemarks[0];
-                resolve(@{
-                    @"name" : [NSString stringWithFormat:@"%@", placemark.name],
-                    @"thoroughfare" : [NSString stringWithFormat:@"%@", placemark.thoroughfare],
-                    @"subThoroughfare" : [NSString stringWithFormat:@"%@", placemark.subThoroughfare],
-                    @"locality" : [NSString stringWithFormat:@"%@", placemark.locality],
-                    @"subLocality" : [NSString stringWithFormat:@"%@", placemark.subLocality],
-                    @"administrativeArea" : [NSString stringWithFormat:@"%@", placemark.administrativeArea],
-                    @"subAdministrativeArea" : [NSString stringWithFormat:@"%@", placemark.subAdministrativeArea],
-                    @"postalCode" : [NSString stringWithFormat:@"%@", placemark.postalCode],
-                    @"countryCode" : [NSString stringWithFormat:@"%@", placemark.ISOcountryCode],
-                    @"country" : [NSString stringWithFormat:@"%@", placemark.country],
-                });
-            } else {
-                reject(@"Invalid argument", [NSString stringWithFormat:@"Can not get address location"], NULL);
-            }
-        }];
-        
-    } reject:reject];
+        if (error == nil && [placemarks count] > 0){
+            CLPlacemark *placemark = placemarks[0];
+            resolve(@{
+                @"name" : [NSString stringWithFormat:@"%@", placemark.name],
+                @"thoroughfare" : [NSString stringWithFormat:@"%@", placemark.thoroughfare],
+                @"subThoroughfare" : [NSString stringWithFormat:@"%@", placemark.subThoroughfare],
+                @"locality" : [NSString stringWithFormat:@"%@", placemark.locality],
+                @"subLocality" : [NSString stringWithFormat:@"%@", placemark.subLocality],
+                @"administrativeArea" : [NSString stringWithFormat:@"%@", placemark.administrativeArea],
+                @"subAdministrativeArea" : [NSString stringWithFormat:@"%@", placemark.subAdministrativeArea],
+                @"postalCode" : [NSString stringWithFormat:@"%@", placemark.postalCode],
+                @"countryCode" : [NSString stringWithFormat:@"%@", placemark.ISOcountryCode],
+                @"country" : [NSString stringWithFormat:@"%@", placemark.country],
+            });
+        } else {
+            reject(@"Invalid argument", [NSString stringWithFormat:@"Can not get address location"], NULL);
+        }
+    }];
 }
 
 - (void)getPointForCoordinate:(double)tag
@@ -153,16 +111,10 @@
     double latitude = coordinate.latitude();
     double longitude = coordinate.longitude();
     
-    [self executeWithMapView:tag success:^(AIRMap *mapView) {
+    CLLocationCoordinate2D location = CLLocationCoordinate2DMake(latitude,longitude);
     
-        CGPoint touchPoint = [mapView convertCoordinate:
-                              CLLocationCoordinate2DMake(latitude,longitude)
-                                          toPointToView:mapView];
-
-        resolve(@{
-                  @"x": @(touchPoint.x),
-                  @"y": @(touchPoint.y),
-                  });
+    [self executeWithMapView:tag success:^(id<RNMapsAirModuleDelegate> mapView) {
+        resolve([mapView getPointForCoordinates:location]);
         
     } reject:reject];
     
@@ -174,20 +126,10 @@
 {
     double x = point.x();
     double y = point.y();
-    
-    [self executeWithMapView:tag success:^(AIRMap *mapView) {
-    
-       
-        CLLocationCoordinate2D coordinate = [mapView convertPoint:CGPointMake(x,y)
-            toCoordinateFromView:mapView];
-
-            resolve(@{
-                      @"latitude": @(coordinate.latitude),
-                      @"longitude": @(coordinate.longitude),
-                      });
-        
+    CGPoint pt = CGPointMake(x,y);
+    [self executeWithMapView:tag success:^(id<RNMapsAirModuleDelegate> mapView) {
+        resolve([mapView getCoordinatesForPoint:pt]);
     } reject:reject];
-    
    
 }
 
@@ -201,80 +143,7 @@
     return nil;
 }
 
-#pragma mark Take Snapshot
-- (void)takeMapSnapshot:(AIRMap *)mapView
-        snapshotter:(MKMapSnapshotter *) snapshotter
-        format:(NSString *)format
-        quality:(CGFloat) quality
-        result:(NSString *)result
-        callback:(RCTPromiseResolveBlock) callback {
-    NSTimeInterval timeStamp = [[NSDate date] timeIntervalSince1970];
-    NSString *pathComponent = [NSString stringWithFormat:@"Documents/snapshot-%.20lf.%@", timeStamp, format];
-    NSString *filePath = [NSHomeDirectory() stringByAppendingPathComponent: pathComponent];
-
-    [snapshotter startWithQueue:dispatch_get_main_queue()
-              completionHandler:^(MKMapSnapshot *snapshot, NSError *error) {
-                  if (error) {
-                      callback(@[error]);
-                      return;
-                  }
-                  MKAnnotationView *pin = [[MKPinAnnotationView alloc] initWithAnnotation:nil reuseIdentifier:nil];
-
-                  UIImage *image = snapshot.image;
-                  UIGraphicsBeginImageContextWithOptions(image.size, YES, image.scale);
-                  {
-                      [image drawAtPoint:CGPointMake(0.0f, 0.0f)];
-
-                      CGRect rect = CGRectMake(0.0f, 0.0f, image.size.width, image.size.height);
 
-                      for (id <AIRMapSnapshot> overlay in mapView.overlays) {
-                          if ([overlay respondsToSelector:@selector(drawToSnapshot:context:)]) {
-                                  [overlay drawToSnapshot:snapshot context:UIGraphicsGetCurrentContext()];
-                          }
-                      }
-                      
-                      for (id <MKAnnotation> annotation in mapView.annotations) {
-                          CGPoint point = [snapshot pointForCoordinate:annotation.coordinate];
-                          
-                          MKAnnotationView* anView = [mapView viewForAnnotation: annotation];
-                          
-                          if (anView){
-                              pin = anView;
-                          }
-                          
-                          if (CGRectContainsPoint(rect, point)) {
-                              point.x = point.x + pin.centerOffset.x - (pin.bounds.size.width / 2.0f);
-                              point.y = point.y + pin.centerOffset.y - (pin.bounds.size.height / 2.0f);
-                              if (pin.image) {
-                                  [pin.image drawAtPoint:point];
-                              } else {
-                                  CGRect pinRect = CGRectMake(point.x, point.y, pin.bounds.size.width, pin.bounds.size.height);
-                                  [pin drawViewHierarchyInRect:pinRect afterScreenUpdates:NO];
-                              }
-                          }
-                      }
-
-                      UIImage *compositeImage = UIGraphicsGetImageFromCurrentImageContext();
-
-                      NSData *data;
-                      if ([format isEqualToString:@"png"]) {
-                          data = UIImagePNGRepresentation(compositeImage);
-                      }
-                      else if([format isEqualToString:@"jpg"]) {
-                          data = UIImageJPEGRepresentation(compositeImage, quality);
-                      }
-
-                      if ([result isEqualToString:@"file"]) {
-                          [data writeToFile:filePath atomically:YES];
-                          callback(filePath);
-                      }
-                      else if ([result isEqualToString:@"base64"]) {
-                          callback([data base64EncodedStringWithOptions:NSDataBase64EncodingEndLineWithCarriageReturn]);
-                      }
-                  }
-                  UIGraphicsEndImageContext();
-              }];
-}
 
 @end
 

package/ios/AirMaps/RNMapsMapView.h

@@ -9,13 +9,13 @@
 
 #import <React/RCTViewComponentView.h>
 #import <UIKit/UIKit.h>
+#import "RNMapsHostVewDelegate.h"
+
 @class AIRMap;
 
 NS_ASSUME_NONNULL_BEGIN
 
-@interface RNMapsMapView : RCTViewComponentView
-
-- (AIRMap *) mapView;
+@interface RNMapsMapView : RCTViewComponentView<RNMapsHostVewDelegate>
 
 @end
 

package/ios/AirMaps/RNMapsMapView.mm

@@ -29,7 +29,7 @@ using namespace facebook::react;
 }
 
 
-- (AIRMap *) mapView {
+- (id<RNMapsAirModuleDelegate>) mapView {
     return _view;
 }
 
@@ -76,6 +76,16 @@ using namespace facebook::react;
 
 }
 - (void)fitToCoordinates:(NSString *)coordinatesJSON edgePaddingJSON:(NSString *)edgePaddingJSON animated:(BOOL)animated {
+    NSArray* coordinatesArr = [RCTConvert arrayFromString:coordinatesJSON];
+    NSMutableArray<AIRMapCoordinate*>* mutableArray = [NSMutableArray new];
+    for (id json : coordinatesArr){
+        [mutableArray addObject:[RCTConvert AIRMapCoordinate:json]];
+    }
+
+    NSDictionary* edgePadding = [RCTConvert dictonaryFromString:edgePaddingJSON];
+
+    UIEdgeInsets edgeInsets = [RCTConvert UIEdgeInsets:edgePadding];
+    [_view fitToCoordinates:mutableArray edgePadding:edgeInsets animated:animated];
 
 }
 

package/lib/MapView.js

@@ -31,7 +31,11 @@ const React = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const decorateMapComponent_1 = require("./decorateMapComponent");
 const MapViewNativeComponent_1 = require("./MapViewNativeComponent");
-const FabricMapView_1 = __importDefault(require("./FabricMapView"));
+const NativeComponentMapView_1 = __importStar(require("./specs/NativeComponentMapView"));
+const NativeComponentGoogleMapView_1 = __importStar(require("./specs/NativeComponentGoogleMapView"));
+const createFabricMap_1 = __importDefault(require("./createFabricMap"));
+const FabricMap = (0, createFabricMap_1.default)(NativeComponentMapView_1.default, NativeComponentMapView_1.Commands);
+const FabricGoogleMap = (0, createFabricMap_1.default)(NativeComponentGoogleMapView_1.default, NativeComponentGoogleMapView_1.Commands);
 exports.MAP_TYPES = {
     STANDARD: 'standard',
     SATELLITE: 'satellite',
@@ -342,10 +346,9 @@ class MapView extends React.Component {
     };
     render() {
         if (react_native_1.Platform.OS === 'ios') {
-            const AIRMap = FabricMapView_1.default;
             // Define props specifically for MapFabricNativeProps
             /* eslint-disable @typescript-eslint/no-unused-vars */
-            const { onCalloutPress, onIndoorBuildingFocused, onKmlReady, onLongPress, onMarkerDeselect, onMarkerPress, onMarkerSelect, onRegionChangeStart, onRegionChange, onRegionChangeComplete, onPress, minZoomLevel, maxZoomLevel, region, ...restProps } = this.props;
+            const { onCalloutPress, onIndoorBuildingFocused, onKmlReady, onLongPress, onMarkerDeselect, onMarkerPress, onMarkerSelect, onRegionChangeStart, onRegionChange, onRegionChangeComplete, onPress, minZoomLevel, maxZoomLevel, region, provider, ...restProps } = this.props;
             /* eslint-enable @typescript-eslint/no-unused-vars */
             const userInterfaceStyle = this.props.userInterfaceStyle || 'system';
             const props = {
@@ -376,10 +379,16 @@ class MapView extends React.Component {
                 props.initialCamera = this.props.initialCamera;
                 props.onLayout = this.props.onLayout;
             }
-            // Render AIRMap with MapFabricNativeProps
-            return (<decorateMapComponent_1.ProviderContext.Provider value={this.props.provider}>
-          <AIRMap {...props} ref={this.fabricMap}/>
-        </decorateMapComponent_1.ProviderContext.Provider>);
+            if (provider === 'google') {
+                return (<decorateMapComponent_1.ProviderContext.Provider value={this.props.provider}>
+            <FabricGoogleMap {...props} ref={this.fabricMap}/>
+          </decorateMapComponent_1.ProviderContext.Provider>);
+            }
+            else {
+                return (<decorateMapComponent_1.ProviderContext.Provider value={this.props.provider}>
+            <FabricMap {...props} ref={this.fabricMap}/>
+          </decorateMapComponent_1.ProviderContext.Provider>);
+            }
         }
         else {
             const AIRMap = getNativeMapComponent(this.props.provider);

package/lib/{FabricMapView.d.ts → createFabricMap.d.ts}

@@ -1,8 +1,9 @@
 import React from 'react';
-import type { MapBoundaries } from './specs/NativeAirMapsModule';
-import type { MapFabricNativeProps, Camera, Point } from './specs/NativeComponentMapView';
-import { LatLng, Provider, Region } from './sharedTypes';
-import { Address, EdgePadding, SnapshotOptions } from './MapView.types';
+import type { LatLng, Point, Region } from './sharedTypes';
+import type { Address, Camera, EdgePadding, SnapshotOptions } from './MapView.types';
+import { MapBoundaries } from './specs/NativeAirMapsModule';
+import { MapFabricNativeProps } from './specs/NativeComponentMapView';
+export type FabricMapViewProps = MapFabricNativeProps;
 export interface FabricMapHandle {
     getCamera: () => Promise<Camera>;
     setCamera: (camera: Partial<Camera>) => void;
@@ -18,10 +19,5 @@ export interface FabricMapHandle {
     getPointForCoordinate: (coordinate: LatLng) => Promise<Point>;
     getCoordinateForPoint: (point: Point) => Promise<LatLng>;
 }
-export type FabricMapViewProps = MapFabricNativeProps & {
-    provider?: Provider;
-};
-export declare const FabricMap: React.ForwardRefExoticComponent<MapFabricNativeProps & {
-    provider?: Provider;
-} & React.RefAttributes<FabricMapHandle>>;
-export default FabricMap;
+declare const createFabricMap: (ViewComponent: React.ComponentType, Commands: any) => React.ForwardRefExoticComponent<MapFabricNativeProps & React.RefAttributes<FabricMapHandle>>;
+export default createFabricMap;

package/lib/createFabricMap.js

@@ -0,0 +1,175 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const NativeAirMapsModule_1 = __importDefault(require("./specs/NativeAirMapsModule"));
+const createFabricMap = (ViewComponent, Commands) => {
+    return (0, react_1.forwardRef)((props, ref) => {
+        const fabricRef = (0, react_1.useRef)(null);
+        (0, react_1.useImperativeHandle)(ref, () => ({
+            async getMarkersFrames(onlyVisible) {
+                if (fabricRef.current) {
+                    return NativeAirMapsModule_1.default.getMarkersFrames((0, react_native_1.findNodeHandle)(fabricRef.current) ?? -1, onlyVisible);
+                }
+                else {
+                    throw new Error('getMarkersFrames is only supported on iOS with Fabric.');
+                }
+            },
+            async getCoordinateForPoint(point) {
+                if (fabricRef.current) {
+                    return NativeAirMapsModule_1.default.getCoordinateForPoint((0, react_native_1.findNodeHandle)(fabricRef.current) ?? -1, point);
+                }
+                else {
+                    throw new Error('getCoordinateForPoint is only supported on iOS with Fabric.');
+                }
+            },
+            async getPointForCoordinate(coordinate) {
+                if (fabricRef.current) {
+                    return NativeAirMapsModule_1.default.getPointForCoordinate((0, react_native_1.findNodeHandle)(fabricRef.current) ?? -1, coordinate);
+                }
+                else {
+                    throw new Error('getPointForCoordinate is only supported on iOS with Fabric.');
+                }
+            },
+            async getAddressFromCoordinates(coordinate) {
+                if (fabricRef.current) {
+                    return NativeAirMapsModule_1.default.getAddressFromCoordinates((0, react_native_1.findNodeHandle)(fabricRef.current) ?? -1, coordinate);
+                }
+                else {
+                    throw new Error('getAddressFromCoordinates is only supported on iOS with Fabric.');
+                }
+            },
+            async takeSnapshot(config) {
+                if (fabricRef.current) {
+                    return NativeAirMapsModule_1.default.takeSnapshot((0, react_native_1.findNodeHandle)(fabricRef.current) ?? -1, config);
+                }
+                else {
+                    throw new Error('takeSnapshot is only supported on iOS with Fabric.');
+                }
+            },
+            async getCamera() {
+                if (fabricRef.current) {
+                    return NativeAirMapsModule_1.default.getCamera((0, react_native_1.findNodeHandle)(fabricRef.current) ?? -1);
+                }
+                else {
+                    throw new Error('getCamera is only supported on iOS with Fabric.');
+                }
+            },
+            async getMapBoundaries() {
+                if (fabricRef.current) {
+                    return NativeAirMapsModule_1.default.getMapBoundaries((0, react_native_1.findNodeHandle)(fabricRef.current) ?? -1);
+                }
+                else {
+                    throw new Error('getMapBoundaries is only supported on iOS with Fabric.');
+                }
+            },
+            animateToRegion(region, duration) {
+                if (fabricRef.current) {
+                    try {
+                        Commands.animateToRegion(fabricRef.current, JSON.stringify(region), duration);
+                    }
+                    catch (error) {
+                        throw new Error('Failed to animateToRegion');
+                    }
+                }
+                else {
+                    throw new Error('animateToRegion is only supported on iOS with Fabric.');
+                }
+            },
+            fitToElements(edgePadding, animated) {
+                if (fabricRef.current) {
+                    try {
+                        Commands.fitToElements(fabricRef.current, JSON.stringify(edgePadding), animated);
+                    }
+                    catch (error) {
+                        throw new Error('Failed to fitToElements');
+                    }
+                }
+                else {
+                    throw new Error('fitToElements is only supported on iOS with Fabric.');
+                }
+            },
+            fitToSuppliedMarkers(markers, edgePadding, animated) {
+                if (fabricRef.current) {
+                    try {
+                        Commands.fitToSuppliedMarkers(fabricRef.current, JSON.stringify(markers), JSON.stringify(edgePadding), animated);
+                    }
+                    catch (error) {
+                        throw new Error('Failed to fitToSuppliedMarkers');
+                    }
+                }
+                else {
+                    throw new Error('fitToSuppliedMarkers is only supported on iOS with Fabric.');
+                }
+            },
+            animateCamera(camera, duration) {
+                if (fabricRef.current) {
+                    try {
+                        Commands.animateCamera(fabricRef.current, JSON.stringify(camera), duration);
+                    }
+                    catch (error) {
+                        throw new Error('Failed to animateCamera');
+                    }
+                }
+                else {
+                    throw new Error('animateCamera is only supported on iOS with Fabric.');
+                }
+            },
+            fitToCoordinates(coordinates, edgePadding, animated) {
+                if (fabricRef.current) {
+                    try {
+                        Commands.fitToCoordinates(fabricRef.current, JSON.stringify(coordinates), JSON.stringify(edgePadding), animated);
+                    }
+                    catch (error) {
+                        throw new Error('Failed to fitToCoordinates');
+                    }
+                }
+                else {
+                    throw new Error('fitToCoordinates is only supported on iOS with Fabric.');
+                }
+            },
+            setCamera(camera) {
+                if (fabricRef.current) {
+                    try {
+                        Commands.setCamera(fabricRef.current, JSON.stringify(camera));
+                    }
+                    catch (error) {
+                        console.error('Failed to set camera:', error);
+                    }
+                }
+                else {
+                    console.warn('setCamera is only supported on iOS with Fabric.');
+                }
+            },
+        }));
+        // @ts-ignore
+        return <ViewComponent {...props} ref={fabricRef}/>;
+    });
+};
+exports.default = createFabricMap;

package/package.json

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

package/lib/FabricMapView.js

@@ -1,181 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FabricMap = void 0;
-const react_1 = __importStar(require("react"));
-const NativeAirMapsModule_1 = __importDefault(require("./specs/NativeAirMapsModule"));
-const NativeComponentMapView_1 = __importStar(require("./specs/NativeComponentMapView"));
-const NativeComponentGoogleMapView_1 = __importDefault(require("./specs/NativeComponentGoogleMapView"));
-const react_native_1 = require("react-native");
-exports.FabricMap = (0, react_1.forwardRef)((props, ref) => {
-    const fabricRef = (0, react_1.useRef)(null);
-    // Use Imperative Handle to expose commands
-    (0, react_1.useImperativeHandle)(ref, () => ({
-        async getMarkersFrames(onlyVisible) {
-            if (fabricRef.current) {
-                return NativeAirMapsModule_1.default.getMarkersFrames((0, react_native_1.findNodeHandle)(fabricRef.current) ?? -1, onlyVisible);
-            }
-            else {
-                throw new Error('getMarkersFrames is only supported on iOS with Fabric.');
-            }
-        },
-        async getCoordinateForPoint(point) {
-            if (fabricRef.current) {
-                return NativeAirMapsModule_1.default.getCoordinateForPoint((0, react_native_1.findNodeHandle)(fabricRef.current) ?? -1, point);
-            }
-            else {
-                throw new Error('getCoordinateForPoint is only supported on iOS with Fabric.');
-            }
-        },
-        async getPointForCoordinate(coordinate) {
-            if (fabricRef.current) {
-                return NativeAirMapsModule_1.default.getPointForCoordinate((0, react_native_1.findNodeHandle)(fabricRef.current) ?? -1, coordinate);
-            }
-            else {
-                throw new Error('getPointForCoordinate is only supported on iOS with Fabric.');
-            }
-        },
-        async getAddressFromCoordinates(coordinate) {
-            if (fabricRef.current) {
-                return NativeAirMapsModule_1.default.getAddressFromCoordinates((0, react_native_1.findNodeHandle)(fabricRef.current) ?? -1, coordinate);
-            }
-            else {
-                throw new Error('getAddressFromCoordinates is only supported on iOS with Fabric.');
-            }
-        },
-        async takeSnapshot(config) {
-            if (fabricRef.current) {
-                return NativeAirMapsModule_1.default.takeSnapshot((0, react_native_1.findNodeHandle)(fabricRef.current) ?? -1, config);
-            }
-            else {
-                throw new Error('takeSnapshot is only supported on iOS with Fabric.');
-            }
-        },
-        async getCamera() {
-            if (fabricRef.current) {
-                return NativeAirMapsModule_1.default.getCamera((0, react_native_1.findNodeHandle)(fabricRef.current) ?? -1);
-            }
-            else {
-                throw new Error('getCamera is only supported on iOS with Fabric.');
-            }
-        },
-        async getMapBoundaries() {
-            if (fabricRef.current) {
-                return NativeAirMapsModule_1.default.getMapBoundaries((0, react_native_1.findNodeHandle)(fabricRef.current) ?? -1);
-            }
-            else {
-                throw new Error('getMapBoundaries is only supported on iOS with Fabric.');
-            }
-        },
-        animateToRegion(region, duration) {
-            if (fabricRef.current) {
-                try {
-                    NativeComponentMapView_1.Commands.animateToRegion(fabricRef.current, JSON.stringify(region), duration);
-                }
-                catch (error) {
-                    throw new Error('Failed to animateToRegion');
-                }
-            }
-            else {
-                throw new Error('animateToRegion is only supported on iOS with Fabric.');
-            }
-        },
-        fitToElements(edgePadding, animated) {
-            if (fabricRef.current) {
-                try {
-                    NativeComponentMapView_1.Commands.fitToElements(fabricRef.current, JSON.stringify(edgePadding), animated);
-                }
-                catch (error) {
-                    throw new Error('Failed to fitToElements');
-                }
-            }
-            else {
-                throw new Error('fitToElements is only supported on iOS with Fabric.');
-            }
-        },
-        fitToSuppliedMarkers(markers, edgePadding, animated) {
-            if (fabricRef.current) {
-                try {
-                    NativeComponentMapView_1.Commands.fitToSuppliedMarkers(fabricRef.current, JSON.stringify(markers), JSON.stringify(edgePadding), animated);
-                }
-                catch (error) {
-                    throw new Error('Failed to fitToSuppliedMarkers');
-                }
-            }
-            else {
-                throw new Error('fitToSuppliedMarkers is only supported on iOS with Fabric.');
-            }
-        },
-        animateCamera(camera, duration) {
-            if (fabricRef.current) {
-                try {
-                    NativeComponentMapView_1.Commands.animateCamera(fabricRef.current, JSON.stringify(camera), duration);
-                }
-                catch (error) {
-                    throw new Error('Failed to animateCamera');
-                }
-            }
-            else {
-                throw new Error('animateCamera is only supported on iOS with Fabric.');
-            }
-        },
-        fitToCoordinates(coordinates, edgePadding, animated) {
-            if (fabricRef.current) {
-                try {
-                    NativeComponentMapView_1.Commands.fitToCoordinates(fabricRef.current, JSON.stringify(coordinates), JSON.stringify(edgePadding), animated);
-                }
-                catch (error) {
-                    throw new Error('Failed to fitToCoordinates');
-                }
-            }
-            else {
-                throw new Error('fitToCoordinates is only supported on iOS with Fabric.');
-            }
-        },
-        setCamera(camera) {
-            if (fabricRef.current) {
-                try {
-                    NativeComponentMapView_1.Commands.setCamera(fabricRef.current, JSON.stringify(camera));
-                }
-                catch (error) {
-                    console.error('Failed to set camera:', error);
-                }
-            }
-            else {
-                console.warn('setCamera is only supported on iOS with Fabric.');
-            }
-        },
-    }));
-    if (props.provider === 'google') {
-        return <NativeComponentGoogleMapView_1.default {...props} ref={fabricRef}/>;
-    }
-    else {
-        return <NativeComponentMapView_1.default {...props} ref={fabricRef}/>;
-    }
-});
-exports.default = exports.FabricMap;