react-native-maps 1.0.0-beta.1 → 1.0.0-beta.10

package/README.md

@@ -114,7 +114,7 @@ import { Marker } from 'react-native-maps';
 ```
 
 ### Rendering a Marker with a custom image
-1. You need to generate an `png` image with various resolution (lets call them `custom_pin`) - for more information go to [Android](https://developer.android.com/studio/write/image-asset-studio#access), [iOS](https://developer.apple.com/library/archive/documentation/ToolsLanguages/Conceptual/Xcode_Overview/AddingImages.html)
+1. You need to generate an `png` image with various resolution (lets call them `custom_pin`) - for more information go to [Android](https://developer.android.com/studio/write/image-asset-studio#access), [iOS](https://developer.apple.com/documentation/xcode/adding-images-to-your-xcode-project)
 2. put all images in Android drawables and iOS assets dir 
 3. Now you can use the following code:
 ```jsx

package/android/src/main/java/com/airbnb/android/react/maps/AirMapView.java

@@ -291,7 +291,7 @@ public class AirMapView extends MapView implements GoogleMap.InfoWindowAdapter,
     map.setOnPolylineClickListener(new GoogleMap.OnPolylineClickListener() {
       @Override
       public void onPolylineClick(Polyline polyline) {
-        WritableMap event = makeClickEventData(polyline.getPoints().get(0));
+        WritableMap event = makeClickEventData(tapLocation);
         event.putString("action", "polyline-press");
         manager.pushEvent(context, polylineMap.get(polyline), "onPress", event);
       }

package/ios/AirGoogleMaps/AIRGoogleMap.m

@@ -64,6 +64,7 @@ id regionAsJSON(MKCoordinateRegion region) {
   MKCoordinateRegion _region;
   BOOL _initialRegionSet;
   BOOL _initialCameraSet;
+  BOOL _didLayoutSubviews;
   BOOL _didPrepareMap;
   BOOL _didCallOnMapReady;
   BOOL _zoomTapEnabled;
@@ -86,6 +87,7 @@ id regionAsJSON(MKCoordinateRegion region) {
     _region = MKCoordinateRegionMake(CLLocationCoordinate2DMake(0.0, 0.0), MKCoordinateSpanMake(0.0, 0.0));
     _initialRegionSet = false;
     _initialCameraSet = false;
+    _didLayoutSubviews = false;
     _didPrepareMap = false;
     _didCallOnMapReady = false;
     _zoomTapEnabled = YES;
@@ -247,9 +249,28 @@ id regionAsJSON(MKCoordinateRegion region) {
     ];
 }
 
+- (void)layoutSubviews {
+  [super layoutSubviews];
+  if(_didLayoutSubviews) return;
+  _didLayoutSubviews = true;
+
+  if (_initialCamera != nil) {
+    self.camera = _initialCamera;
+    _initialCameraSet = true;
+  }
+  else if (_initialRegion.span.latitudeDelta != 0.0 &&
+      _initialRegion.span.longitudeDelta != 0.0) {
+    self.camera = [AIRGoogleMap makeGMSCameraPositionFromMap:self andMKCoordinateRegion:_initialRegion];
+    _initialRegionSet = true;
+  } else if (_region.span.latitudeDelta != 0.0 &&
+      _region.span.longitudeDelta != 0.0) {
+    self.camera = [AIRGoogleMap makeGMSCameraPositionFromMap:self andMKCoordinateRegion:_region];
+  }
+}
+
 - (void)setInitialRegion:(MKCoordinateRegion)initialRegion {
   _initialRegion = initialRegion;
-  if(!_initialRegionSet && _didPrepareMap){
+  if(!_initialRegionSet && _didLayoutSubviews){
     self.camera = [AIRGoogleMap makeGMSCameraPositionFromMap:self andMKCoordinateRegion:initialRegion];
     _initialRegionSet = true;
   }
@@ -257,7 +278,7 @@ id regionAsJSON(MKCoordinateRegion region) {
 
 - (void)setInitialCamera:(GMSCameraPosition*)initialCamera {
     _initialCamera = initialCamera;
-    if(!_initialCameraSet && _didPrepareMap){
+    if(!_initialCameraSet && _didLayoutSubviews){
       self.camera = initialCamera;
       _initialCameraSet = true;
     }
@@ -266,7 +287,9 @@ id regionAsJSON(MKCoordinateRegion region) {
 - (void)setRegion:(MKCoordinateRegion)region {
   // TODO: The JS component is repeatedly setting region unnecessarily. We might want to deal with that in here.
   _region = region;
-  self.camera = [AIRGoogleMap makeGMSCameraPositionFromMap:self  andMKCoordinateRegion:region];
+  if(_didLayoutSubviews) {
+    self.camera = [AIRGoogleMap makeGMSCameraPositionFromMap:self  andMKCoordinateRegion:region];
+  }
 }
 
 - (void)setCameraProp:(GMSCameraPosition*)camera {
@@ -286,17 +309,6 @@ id regionAsJSON(MKCoordinateRegion region) {
   UIView* mapView = [self valueForKey:@"mapView"]; //GMSVectorMapView
   [self overrideGestureRecognizersForView:mapView];
 
-  if(!_didPrepareMap && !_initialRegionSet && !_initialCameraSet){
-    if(_initialRegion.span.latitudeDelta != 0.0 && _initialRegion.span.longitudeDelta != 0.0){
-    self.camera = [AIRGoogleMap makeGMSCameraPositionFromMap:self andMKCoordinateRegion:_initialRegion];
-    _initialRegionSet = true;
-  } else if(_initialCamera != nil) {
-    self.camera = _initialCamera;
-    _initialCameraSet = true;
-  } else if(_region.span.latitudeDelta != 0.0 && _region.span.longitudeDelta != 0.0) {
-    self.camera = [AIRGoogleMap makeGMSCameraPositionFromMap:self andMKCoordinateRegion:_region];
-  }
-  }
   if (!_didCallOnMapReady && self.onMapReady) {
     self.onMapReady(@{});
     _didCallOnMapReady = true;

package/ios/AirGoogleMaps/AIRGoogleMapMarker.m

@@ -326,6 +326,12 @@ CGRect unionRect(CGRect a, CGRect b) {
     _reloadImageCancellationBlock = nil;
   }
 
+  if (!_realMarker.icon) {
+    // prevent glitch with marker (cf. https://github.com/react-native-maps/react-native-maps/issues/3657)
+    UIImage *emptyImage = [[UIImage alloc] init];
+    _realMarker.icon = emptyImage;
+  }
+
   _reloadImageCancellationBlock =
   [[_bridge moduleForName:@"ImageLoader"] loadImageWithURLRequest:[RCTConvert NSURLRequest:_iconSrc]
                                           size:self.bounds.size

package/ios/AirMaps/AIRMap.h

@@ -40,7 +40,6 @@ extern const NSInteger AIRMapMaxZoomLevel;
 @property (nonatomic, assign) CGFloat minDelta;
 @property (nonatomic, assign) CGFloat maxDelta;
 @property (nonatomic, assign) UIEdgeInsets legalLabelInsets;
-@property (nonatomic, strong) NSTimer *regionChangeObserveTimer;
 @property (nonatomic, assign) MKCoordinateRegion initialRegion;
 @property (nonatomic, assign) MKMapCamera *initialCamera;
 @property (nonatomic, assign) CGFloat minZoomLevel;

package/ios/AirMaps/AIRMap.m

@@ -91,11 +91,6 @@ const NSInteger AIRMapMaxZoomLevel = 20;
     return self;
 }
 
-- (void)dealloc
-{
-    [_regionChangeObserveTimer invalidate];
-}
-
 -(void)addSubview:(UIView *)view {
     if([view isKindOfClass:[AIRMapMarker class]]) {
         [self addAnnotation:(id <MKAnnotation>)view];

package/ios/AirMaps/AIRMapManager.m

@@ -28,8 +28,6 @@
 #import "AIRMapSnapshot.h"
 #import "RCTConvert+AirMap.h"
 #import "AIRMapOverlay.h"
-#import "AIRWeakTimerReference.h"
-#import "AIRWeakMapReference.h"
 #import <MapKit/MapKit.h>
 
 static NSString *const RCTMapViewKey = @"MapView";
@@ -673,12 +671,11 @@ RCT_EXPORT_METHOD(getAddressFromCoordinates:(nonnull NSNumber *)reactTag
     }
 
     if (nearestDistance <= maxMeters) {
-        AIRMapCoordinate *firstCoord = nearestPolyline.coordinates.firstObject;
         id event = @{
                    @"action": @"polyline-press",
                    @"coordinate": @{
-                       @"latitude": @(firstCoord.coordinate.latitude),
-                       @"longitude": @(firstCoord.coordinate.longitude)
+                       @"latitude": @(tapCoordinate.latitude),
+                       @"longitude": @(tapCoordinate.longitude)
                    }
                    };
         nearestPolyline.onPress(event);
@@ -943,30 +940,14 @@ static int kDragCenterContext;
     
 }
 
-- (void)mapView:(AIRMap *)mapView regionWillChangeAnimated:(__unused BOOL)animated
+- (void)mapViewDidChangeVisibleRegion:(AIRMap *)mapView
 {
-    // Don't send region did change events until map has
-    // started rendering, as these won't represent the final location
-    if(mapView.hasStartedRendering){
-        [self _regionChanged:mapView];
-    }
-
-    AIRWeakTimerReference *weakTarget = [[AIRWeakTimerReference alloc] initWithTarget:self andSelector:@selector(_onTick:)];
-    
-    mapView.regionChangeObserveTimer = [NSTimer timerWithTimeInterval:AIRMapRegionChangeObserveInterval
-                                                               target:weakTarget
-                                                             selector:@selector(timerDidFire:)
-                                                             userInfo:@{ RCTMapViewKey: [[AIRWeakMapReference alloc] initWithMapView: mapView] }
-                                                              repeats:YES];
-
-    [[NSRunLoop mainRunLoop] addTimer:mapView.regionChangeObserveTimer forMode:NSRunLoopCommonModes];
+    [self _regionChanged:mapView];
 }
 
 - (void)mapView:(AIRMap *)mapView regionDidChangeAnimated:(__unused BOOL)animated
 {
     CGFloat zoomLevel = [self zoomLevel:mapView];
-    [mapView.regionChangeObserveTimer invalidate];
-    mapView.regionChangeObserveTimer = nil;
 
     // Don't send region did change events until map has
     // started rendering, as these won't represent the final location
@@ -998,7 +979,6 @@ static int kDragCenterContext;
       mapView.hasStartedRendering = YES;
     }
     [mapView beginLoading];
-    [self _emitRegionChangeEvent:mapView continuous:NO];
 }
 
 - (void)mapViewDidFinishRenderingMap:(AIRMap *)mapView fullyRendered:(BOOL)fullyRendered
@@ -1008,12 +988,6 @@ static int kDragCenterContext;
 
 #pragma mark Private
 
-- (void)_onTick:(NSTimer *)timer
-{
-    AIRWeakMapReference *weakRef = timer.userInfo[RCTMapViewKey];
-    [self _regionChanged:weakRef.mapView];
-}
-
 - (void)_regionChanged:(AIRMap *)mapView
 {
     BOOL needZoom = NO;

package/lib/Geojson.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 import { Feature, FeatureCollection, Point, MultiPoint, LineString, MultiLineString, Polygon, MultiPolygon } from 'geojson';
-import { Props as MarkerProps } from './MapMarker';
-import { Props as PolygonProps } from './MapPolygon';
-import { Props as PolylineProps } from './MapPolyline';
+import { MapMarkerProps as MarkerProps } from './MapMarker';
+import { MapPolygonProps as PolygonProps } from './MapPolygon';
+import { MapPolylineProps as PolylineProps } from './MapPolyline';
 import { LatLng } from './sharedTypes';
-declare type Props = {
+export declare type GeojsonProps = {
     /**
      * The pincolor used on markers
      *
@@ -140,7 +140,7 @@ declare type Props = {
      */
     zIndex?: MarkerProps['zIndex'] | PolygonProps['zIndex'] | PolylineProps['zIndex'];
 };
-declare const Geojson: (props: Props) => JSX.Element;
+declare const Geojson: (props: GeojsonProps) => JSX.Element;
 export default Geojson;
 declare type OverlayPressEvent = {
     type: AnyPointOverlay['type'] | AnyLineStringOverlay['type'] | AnyPolygonOverlay['type'];

package/lib/MapCallout.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { ViewProps } from 'react-native';
 import { MapManagerCommand, NativeComponent, ProviderContext, UIManagerCommand } from './decorateMapComponent';
 import { CalloutPressEvent } from './sharedTypes';
-declare type Props = ViewProps & {
+export declare type MapCalloutProps = ViewProps & {
     /**
      * If `true`, clicks on transparent areas in callout will be passed to map.
      *
@@ -28,8 +28,8 @@ declare type Props = ViewProps & {
      */
     tooltip?: boolean;
 };
-declare type NativeProps = Props;
-export declare class MapCallout extends React.Component<Props> {
+declare type NativeProps = MapCalloutProps;
+export declare class MapCallout extends React.Component<MapCalloutProps> {
     context: React.ContextType<typeof ProviderContext>;
     getNativeComponent: () => NativeComponent<NativeProps>;
     getMapManagerCommand: (name: string) => MapManagerCommand;

package/lib/MapCalloutSubview.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { NativeSyntheticEvent, ViewProps } from 'react-native';
 import { ProviderContext, NativeComponent, MapManagerCommand, UIManagerCommand } from './decorateMapComponent';
 import { Frame, Point } from './sharedTypes';
-declare type Props = ViewProps & {
+export declare type MapCalloutSubviewProps = ViewProps & {
     /**
      * Callback that is called when the user presses on this subview inside callout
      *
@@ -11,8 +11,8 @@ declare type Props = ViewProps & {
      */
     onPress?: (event: CalloutSubviewPressEvent) => void;
 };
-declare type NativeProps = Props;
-export declare class MapCalloutSubview extends React.Component<Props> {
+declare type NativeProps = MapCalloutSubviewProps;
+export declare class MapCalloutSubview extends React.Component<MapCalloutSubviewProps> {
     context: React.ContextType<typeof ProviderContext>;
     getNativeComponent: () => NativeComponent<NativeProps>;
     getMapManagerCommand: (name: string) => MapManagerCommand;

package/lib/MapCircle.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { View, ViewProps } from 'react-native';
 import { ProviderContext, NativeComponent, MapManagerCommand, UIManagerCommand } from './decorateMapComponent';
 import { LatLng, LineCapType, LineJoinType } from './sharedTypes';
-declare type Props = ViewProps & {
+export declare type MapCircleProps = ViewProps & {
     /**
      * The coordinates of the center of the circle.
      *
@@ -100,16 +100,16 @@ declare type Props = ViewProps & {
      */
     zIndex?: number;
 };
-declare type NativeProps = Props & {
+declare type NativeProps = MapCircleProps & {
     ref: React.RefObject<View>;
 };
-export declare class MapCircle extends React.Component<Props> {
+export declare class MapCircle extends React.Component<MapCircleProps> {
     context: React.ContextType<typeof ProviderContext>;
     getNativeComponent: () => NativeComponent<NativeProps>;
     getMapManagerCommand: (name: string) => MapManagerCommand;
     getUIManagerCommand: (name: string) => UIManagerCommand;
     private circle;
-    constructor(props: Props);
+    constructor(props: MapCircleProps);
     setNativeProps(props: Partial<NativeProps>): void;
     render(): JSX.Element;
 }

package/lib/MapHeatmap.d.ts

@@ -1,8 +1,9 @@
 import * as React from 'react';
 import { ProcessedColorValue, View, ViewProps } from 'react-native';
 import { MapManagerCommand, NativeComponent, ProviderContext, UIManagerCommand } from './decorateMapComponent';
-import { LatLng, Modify } from './sharedTypes';
-declare type Props = ViewProps & {
+import { LatLng } from './sharedTypes';
+import { Modify } from './sharedTypesInternal';
+export declare type MapHeatmapProps = ViewProps & {
     gradient?: {
         /**
          * Resolution of color map -- number corresponding to the number of steps colors are interpolated into.
@@ -53,20 +54,20 @@ declare type Props = ViewProps & {
      */
     radius?: number;
 };
-declare type NativeProps = Modify<Props, {
-    gradient?: Modify<Props['gradient'], {
+declare type NativeProps = Modify<MapHeatmapProps, {
+    gradient?: Modify<MapHeatmapProps['gradient'], {
         colors: (ProcessedColorValue | null | undefined)[];
     }>;
 }> & {
     ref: React.RefObject<View>;
 };
-export declare class MapHeatmap extends React.Component<Props> {
+export declare class MapHeatmap extends React.Component<MapHeatmapProps> {
     context: React.ContextType<typeof ProviderContext>;
     getNativeComponent: () => NativeComponent<NativeProps>;
     getMapManagerCommand: (name: string) => MapManagerCommand;
     getUIManagerCommand: (name: string) => UIManagerCommand;
     private heatmap;
-    constructor(props: Props);
+    constructor(props: MapHeatmapProps);
     setNativeProps(props: Partial<NativeProps>): void;
     render(): JSX.Element;
 }

package/lib/MapLocalTile.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ViewProps } from 'react-native';
 import { ProviderContext, NativeComponent, MapManagerCommand, UIManagerCommand } from './decorateMapComponent';
-declare type Props = ViewProps & {
+export declare type MapLocalTileProps = ViewProps & {
     /**
      * @platform iOS: Apple Maps only
      * @platform Android: Supported
@@ -23,8 +23,8 @@ declare type Props = ViewProps & {
      */
     zIndex?: number;
 };
-declare type NativeProps = Props;
-export declare class MapLocalTile extends React.Component<Props> {
+declare type NativeProps = MapLocalTileProps;
+export declare class MapLocalTile extends React.Component<MapLocalTileProps> {
     context: React.ContextType<typeof ProviderContext>;
     getNativeComponent: () => NativeComponent<NativeProps>;
     getMapManagerCommand: (name: string) => MapManagerCommand;

package/lib/MapMarker.d.ts

@@ -1,8 +1,9 @@
 import * as React from 'react';
 import { Animated, ViewProps, ImageURISource, ImageRequireSource, View } from 'react-native';
 import { MapManagerCommand, NativeComponent, ProviderContext, UIManagerCommand } from './decorateMapComponent';
-import { CalloutPressEvent, LatLng, MarkerDeselectEvent, MarkerDragEvent, MarkerDragStartEndEvent, MarkerPressEvent, MarkerSelectEvent, Modify, Point } from './sharedTypes';
-export declare type Props = ViewProps & {
+import { CalloutPressEvent, LatLng, MarkerDeselectEvent, MarkerDragEvent, MarkerDragStartEndEvent, MarkerPressEvent, MarkerSelectEvent, Point } from './sharedTypes';
+import { Modify } from './sharedTypesInternal';
+export declare type MapMarkerProps = ViewProps & {
     /**
      * Sets the anchor point for the marker.
      * The anchor specifies the point in the icon image that is anchored to the marker's position on the Earth's surface.
@@ -259,21 +260,21 @@ export declare type Props = ViewProps & {
      */
     zIndex?: number;
 };
-declare type OmittedProps = Omit<Props, 'stopPropagation'>;
+declare type OmittedProps = Omit<MapMarkerProps, 'stopPropagation'>;
 declare type NativeProps = Modify<OmittedProps, {
     icon?: string;
-    image?: Props['image'] | string;
+    image?: MapMarkerProps['image'] | string;
 }> & {
     ref: React.RefObject<View>;
 };
-export declare class MapMarker extends React.Component<Props> {
+export declare class MapMarker extends React.Component<MapMarkerProps> {
     context: React.ContextType<typeof ProviderContext>;
     getNativeComponent: () => NativeComponent<NativeProps>;
     getMapManagerCommand: (name: string) => MapManagerCommand;
     getUIManagerCommand: (name: string) => UIManagerCommand;
     static Animated: Animated.AnimatedComponent<typeof MapMarker>;
     private marker;
-    constructor(props: Props);
+    constructor(props: MapMarkerProps);
     setNativeProps(props: Partial<NativeProps>): void;
     showCallout(): void;
     hideCallout(): void;

package/lib/MapOverlay.d.ts

@@ -1,8 +1,9 @@
 import * as React from 'react';
 import { Animated, ViewProps, ImageURISource, ImageRequireSource, NativeSyntheticEvent } from 'react-native';
 import { MapManagerCommand, NativeComponent, ProviderContext, UIManagerCommand } from './decorateMapComponent';
-import { LatLng, Modify, Point } from './sharedTypes';
-declare type Props = ViewProps & {
+import { LatLng, Point } from './sharedTypes';
+import { Modify } from './sharedTypesInternal';
+export declare type MapOverlayProps = ViewProps & {
     /**
      * The bearing in degrees clockwise from north. Values outside the range [0, 360) will be normalized.
      *
@@ -50,10 +51,10 @@ declare type Props = ViewProps & {
      */
     tappable?: boolean;
 };
-declare type NativeProps = Modify<Props, {
+declare type NativeProps = Modify<MapOverlayProps, {
     image?: string;
 }>;
-export declare class MapOverlay extends React.Component<Props> {
+export declare class MapOverlay extends React.Component<MapOverlayProps> {
     context: React.ContextType<typeof ProviderContext>;
     getNativeComponent: () => NativeComponent<NativeProps>;
     getMapManagerCommand: (name: string) => MapManagerCommand;

package/lib/MapPolygon.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { NativeSyntheticEvent, View, ViewProps } from 'react-native';
 import { ProviderContext, NativeComponent, MapManagerCommand, UIManagerCommand } from './decorateMapComponent';
 import { LatLng, LineCapType, LineJoinType, Point } from './sharedTypes';
-export declare type Props = ViewProps & {
+export declare type MapPolygonProps = ViewProps & {
     /**
      * An array of coordinates to describe the polygon
      *
@@ -122,17 +122,17 @@ export declare type Props = ViewProps & {
      */
     zIndex?: number;
 };
-declare type NativeProps = Props & {
+declare type NativeProps = MapPolygonProps & {
     ref: React.RefObject<View>;
 };
-export declare class MapPolygon extends React.Component<Props> {
+export declare class MapPolygon extends React.Component<MapPolygonProps> {
     context: React.ContextType<typeof ProviderContext>;
     getNativeComponent: () => NativeComponent<NativeProps>;
     getMapManagerCommand: (name: string) => MapManagerCommand;
     getUIManagerCommand: (name: string) => UIManagerCommand;
     private polygon;
-    constructor(props: Props);
-    setNativeProps(props: Partial<Props>): void;
+    constructor(props: MapPolygonProps);
+    setNativeProps(props: Partial<MapPolygonProps>): void;
     updateNativeProps(): () => void;
     render(): JSX.Element;
 }

package/lib/MapPolyline.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { NativeSyntheticEvent, View, ViewProps } from 'react-native';
 import { ProviderContext, NativeComponent, MapManagerCommand, UIManagerCommand } from './decorateMapComponent';
 import { LatLng, LineCapType, LineJoinType, Point } from './sharedTypes';
-export declare type Props = ViewProps & {
+export declare type MapPolylineProps = ViewProps & {
     /**
      * An array of coordinates to describe the polyline
      *
@@ -124,16 +124,16 @@ export declare type Props = ViewProps & {
      */
     zIndex?: number;
 };
-declare type NativeProps = Props & {
+declare type NativeProps = MapPolylineProps & {
     ref: React.RefObject<View>;
 };
-export declare class MapPolyline extends React.Component<Props> {
+export declare class MapPolyline extends React.Component<MapPolylineProps> {
     context: React.ContextType<typeof ProviderContext>;
     getNativeComponent: () => NativeComponent<NativeProps>;
     getMapManagerCommand: (name: string) => MapManagerCommand;
     getUIManagerCommand: (name: string) => UIManagerCommand;
     private polyline;
-    constructor(props: Props);
+    constructor(props: MapPolylineProps);
     setNativeProps(props: Partial<NativeProps>): void;
     render(): JSX.Element;
 }

package/lib/MapUrlTile.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ProviderContext, NativeComponent, MapManagerCommand, UIManagerCommand } from './decorateMapComponent';
 import { ViewProps } from 'react-native';
-declare type Props = ViewProps & {
+export declare type MapUrlTileProps = ViewProps & {
     /**
      * Doubles tile size from 256 to 512 utilising higher zoom levels
      * i.e loading 4 higher zoom level tiles and combining them for one high-resolution tile.
@@ -122,8 +122,8 @@ declare type Props = ViewProps & {
      */
     zIndex?: number;
 };
-declare type NativeProps = Props;
-export declare class MapUrlTile extends React.Component<Props> {
+declare type NativeProps = MapUrlTileProps;
+export declare class MapUrlTile extends React.Component<MapUrlTileProps> {
     context: React.ContextType<typeof ProviderContext>;
     getNativeComponent: () => NativeComponent<NativeProps>;
     getMapManagerCommand: (name: string) => MapManagerCommand;

package/lib/MapView.d.ts

@@ -1,8 +1,10 @@
 import * as React from 'react';
-import { Animated as RNAnimated, View, ViewProps, NativeSyntheticEvent, Animated } from 'react-native';
-import { CalloutPressEvent, ClickEvent, Frame, LatLng, MarkerDeselectEvent, MarkerDragEvent, MarkerDragStartEndEvent, MarkerPressEvent, MarkerSelectEvent, Modify, Point, Region } from './sharedTypes';
+import { Animated as RNAnimated, Animated, NativeSyntheticEvent, View, ViewProps } from 'react-native';
+import { CalloutPressEvent, ClickEvent, Frame, LatLng, MarkerDeselectEvent, MarkerDragEvent, MarkerDragStartEndEvent, MarkerPressEvent, MarkerSelectEvent, Point, Provider, Region } from './sharedTypes';
+import { Address, BoundingBox, Camera, ChangeEvent, Details, EdgePadding, FitToOptions, IndoorBuildingEvent, IndoorLevelActivatedEvent, KmlMapEvent, LongPressEvent, MapPressEvent, MapStyleElement, MapType, MapTypes, PanDragEvent, PoiClickEvent, SnapshotOptions, UserLocationChangeEvent } from './MapView.types';
+import { Modify } from './sharedTypesInternal';
 export declare const MAP_TYPES: MapTypes;
-declare type Props = ViewProps & {
+export declare type MapViewProps = ViewProps & {
     /**
      * If `true` map will be cached and displayed as an image instead of being interactable, for performance usage.
      *
@@ -344,7 +346,7 @@ declare type Props = ViewProps & {
      * @platform iOS: Supported
      * @platform Android: Supported
      */
-    provider?: 'google';
+    provider?: Provider;
     /**
      * The region to be displayed by the map.
      * The region is defined by the center coordinates and the span of coordinates to display.
@@ -384,7 +386,7 @@ declare type Props = ViewProps & {
      * @platform iOS: Not supported
      * @platform Android: Supported
      */
-    showBuildings?: boolean;
+    showsBuildings?: boolean;
     /**
      * If `false` compass won't be displayed on the map.
      *
@@ -553,9 +555,9 @@ declare type Props = ViewProps & {
      */
     zoomTapEnabled?: boolean;
 };
-declare type ModifiedProps = Modify<Props, {
-    region?: Props['region'] | null;
-    initialRegion?: Props['initialRegion'] | null;
+declare type ModifiedProps = Modify<MapViewProps, {
+    region?: MapViewProps['region'] | null;
+    initialRegion?: MapViewProps['initialRegion'] | null;
 }>;
 declare type NativeProps = Omit<ModifiedProps, 'customMapStyle' | 'onRegionChange' | 'onRegionChangeComplete'> & {
     ref: React.RefObject<View>;
@@ -567,15 +569,15 @@ declare type State = {
     isReady: boolean;
 };
 declare type SnapShot = Region | null;
-declare class MapView extends React.Component<Props, State, SnapShot> {
+declare class MapView extends React.Component<MapViewProps, State, SnapShot> {
     static Animated: Animated.AnimatedComponent<typeof MapView>;
     private map;
     private __lastRegion;
     private __layoutCalled;
-    constructor(props: Props);
+    constructor(props: MapViewProps);
     setNativeProps(props: Partial<NativeProps>): void;
-    getSnapshotBeforeUpdate(prevProps: Props): Region | null;
-    componentDidUpdate(_prevProps: Props, _prevState: State, region: SnapShot): void;
+    getSnapshotBeforeUpdate(prevProps: MapViewProps): Region | null;
+    componentDidUpdate(_prevProps: MapViewProps, _prevState: State, region: SnapShot): void;
     componentDidMount(): void;
     private _updateStyle;
     private _onMapReady;
@@ -602,13 +604,13 @@ declare class MapView extends React.Component<Props, State, SnapShot> {
      * Takes a snapshot of the map and saves it to a picture
      * file or returns the image as a base64 encoded string.
      *
-     * @param config Configuration options
-     * @param [config.width] Width of the rendered map-view (when omitted actual view width is used).
-     * @param [config.height] Height of the rendered map-view (when omitted actual height is used).
-     * @param [config.region] Region to render (Only supported on iOS).
-     * @param [config.format] Encoding format ('png', 'jpg') (default: 'png').
-     * @param [config.quality] Compression quality (only used for jpg) (default: 1.0).
-     * @param [config.result] Result format ('file', 'base64') (default: 'file').
+     * @param args Configuration options
+     * @param [args.width] Width of the rendered map-view (when omitted actual view width is used).
+     * @param [args.height] Height of the rendered map-view (when omitted actual height is used).
+     * @param [args.region] Region to render (Only supported on iOS).
+     * @param [args.format] Encoding format ('png', 'jpg') (default: 'png').
+     * @param [args.quality] Compression quality (only used for jpg) (default: 1.0).
+     * @param [args.result] Result format ('file', 'base64') (default: 'file').
      *
      * @return Promise Promise with either the file-uri or base64 encoded string
      */
@@ -673,153 +675,3 @@ declare class MapView extends React.Component<Props, State, SnapShot> {
 export declare const AnimatedMapView: RNAnimated.AnimatedComponent<typeof MapView>;
 export declare const enableLatestRenderer: () => any;
 export default MapView;
-declare type Camera = {
-    /**
-     * Apple Maps
-     */
-    altitude?: number;
-    center: LatLng;
-    heading: number;
-    pitch: number;
-    /**
-     * Google Maps
-     */
-    zoom?: number;
-};
-declare type MapStyleElement = {
-    featureType?: string;
-    elementType?: string;
-    stylers: object[];
-};
-declare type EdgePadding = {
-    top: Number;
-    right: Number;
-    bottom: Number;
-    left: Number;
-};
-declare type MapType = 'hybrid' | 'mutedStandard' | 'none' | 'satellite' | 'standard' | 'terrain';
-declare type MapTypes = {
-    STANDARD: 'standard';
-    SATELLITE: 'satellite';
-    HYBRID: 'hybrid';
-    TERRAIN: 'terrain';
-    NONE: 'none';
-    MUTEDSTANDARD: 'mutedStandard';
-};
-declare type IndoorLevel = {
-    index: number;
-    name: string;
-    shortName: string;
-};
-declare type ActiveIndoorLevel = {
-    activeLevelIndex: number;
-    name: string;
-    shortName: string;
-};
-declare type IndoorLevelActivatedEvent = NativeSyntheticEvent<{
-    IndoorLevel: ActiveIndoorLevel;
-}>;
-declare type IndoorBuilding = {
-    underground: boolean;
-    activeLevelIndex: number;
-    levels: IndoorLevel[];
-};
-declare type IndoorBuildingEvent = NativeSyntheticEvent<{
-    IndoorBuilding: IndoorBuilding;
-}>;
-declare type KmlMarker = {
-    id: string;
-    title: string;
-    description: string;
-    coordinate: LatLng;
-    position: Point;
-};
-declare type KmlMapEvent = NativeSyntheticEvent<{
-    markers: KmlMarker[];
-}>;
-declare type LongPressEvent = ClickEvent<{
-    /**
-     * @platform Android
-     */
-    action?: 'long-press';
-}>;
-declare type PanDragEvent = ClickEvent;
-declare type PoiClickEvent = NativeSyntheticEvent<{
-    placeId: string;
-    name: string;
-    coordinate: LatLng;
-    /**
-     * @platform Android
-     */
-    position?: Point;
-}>;
-declare type MapPressEvent = ClickEvent<{
-    /**
-     * @platform Android
-     */
-    action?: 'press';
-}>;
-declare type Details = {
-    isGesture?: boolean;
-};
-declare type UserLocationChangeEvent = NativeSyntheticEvent<{
-    coordinate?: LatLng & {
-        altitude: number;
-        timestamp: number;
-        accuracy: number;
-        speed: number;
-        heading: number;
-        /**
-         * @platform iOS
-         */
-        altitudeAccuracy?: number;
-        /**
-         * @platform Android
-         */
-        isFromMockProvider?: boolean;
-    };
-    /**
-     * @platform iOS
-     */
-    error?: {
-        message: string;
-    };
-}>;
-declare type ChangeEvent = NativeSyntheticEvent<{
-    continuous: boolean;
-    region: Region;
-    isGesture?: boolean;
-}>;
-declare type FitToOptions = {
-    edgePadding?: EdgePadding;
-    animated?: boolean;
-};
-declare type BoundingBox = {
-    northEast: LatLng;
-    southWest: LatLng;
-};
-declare type SnapshotOptions = {
-    /** optional, when omitted the view-width is used */
-    width?: number;
-    /** optional, when omitted the view-height is used */
-    height?: number;
-    /** __iOS only__, optional region to render */
-    region?: Region;
-    /** image formats, defaults to 'png' */
-    format?: 'png' | 'jpg';
-    /** image quality: 0..1 (only relevant for jpg, default: 1) */
-    quality?: number;
-    /** result types, defaults to 'file' */
-    result?: 'file' | 'base64';
-};
-declare type Address = {
-    administrativeArea: string;
-    country: string;
-    countryCode: string;
-    locality: string;
-    name: string;
-    postalCode: string;
-    subAdministrativeArea: string;
-    subLocality: string;
-    thoroughfare: string;
-};

package/lib/MapView.js

@@ -188,13 +188,13 @@ class MapView extends React.Component {
      * Takes a snapshot of the map and saves it to a picture
      * file or returns the image as a base64 encoded string.
      *
-     * @param config Configuration options
-     * @param [config.width] Width of the rendered map-view (when omitted actual view width is used).
-     * @param [config.height] Height of the rendered map-view (when omitted actual height is used).
-     * @param [config.region] Region to render (Only supported on iOS).
-     * @param [config.format] Encoding format ('png', 'jpg') (default: 'png').
-     * @param [config.quality] Compression quality (only used for jpg) (default: 1.0).
-     * @param [config.result] Result format ('file', 'base64') (default: 'file').
+     * @param args Configuration options
+     * @param [args.width] Width of the rendered map-view (when omitted actual view width is used).
+     * @param [args.height] Height of the rendered map-view (when omitted actual height is used).
+     * @param [args.region] Region to render (Only supported on iOS).
+     * @param [args.format] Encoding format ('png', 'jpg') (default: 'png').
+     * @param [args.quality] Compression quality (only used for jpg) (default: 1.0).
+     * @param [args.result] Result format ('file', 'base64') (default: 'file').
      *
      * @return Promise Promise with either the file-uri or base64 encoded string
      */

package/lib/MapView.types.d.ts

@@ -0,0 +1,153 @@
+import { ClickEvent, LatLng, Point, Region } from './sharedTypes';
+import { NativeSyntheticEvent } from 'react-native';
+export declare type Camera = {
+    /**
+     * Apple Maps
+     */
+    altitude?: number;
+    center: LatLng;
+    heading: number;
+    pitch: number;
+    /**
+     * Google Maps
+     */
+    zoom?: number;
+};
+export declare type MapStyleElement = {
+    featureType?: string;
+    elementType?: string;
+    stylers: object[];
+};
+export declare type EdgePadding = {
+    top: Number;
+    right: Number;
+    bottom: Number;
+    left: Number;
+};
+export declare type MapType = 'hybrid' | 'mutedStandard' | 'none' | 'satellite' | 'standard' | 'terrain';
+export declare type MapTypes = {
+    STANDARD: 'standard';
+    SATELLITE: 'satellite';
+    HYBRID: 'hybrid';
+    TERRAIN: 'terrain';
+    NONE: 'none';
+    MUTEDSTANDARD: 'mutedStandard';
+};
+export declare type IndoorLevel = {
+    index: number;
+    name: string;
+    shortName: string;
+};
+export declare type ActiveIndoorLevel = {
+    activeLevelIndex: number;
+    name: string;
+    shortName: string;
+};
+export declare type IndoorLevelActivatedEvent = NativeSyntheticEvent<{
+    IndoorLevel: ActiveIndoorLevel;
+}>;
+export declare type IndoorBuilding = {
+    underground: boolean;
+    activeLevelIndex: number;
+    levels: IndoorLevel[];
+};
+export declare type IndoorBuildingEvent = NativeSyntheticEvent<{
+    IndoorBuilding: IndoorBuilding;
+}>;
+export declare type KmlMarker = {
+    id: string;
+    title: string;
+    description: string;
+    coordinate: LatLng;
+    position: Point;
+};
+export declare type KmlMapEvent = NativeSyntheticEvent<{
+    markers: KmlMarker[];
+}>;
+export declare type LongPressEvent = ClickEvent<{
+    /**
+     * @platform Android
+     */
+    action?: 'long-press';
+}>;
+export declare type PanDragEvent = ClickEvent;
+export declare type PoiClickEvent = NativeSyntheticEvent<{
+    placeId: string;
+    name: string;
+    coordinate: LatLng;
+    /**
+     * @platform Android
+     */
+    position?: Point;
+}>;
+export declare type MapPressEvent = ClickEvent<{
+    /**
+     * @platform Android
+     */
+    action?: 'press';
+}>;
+export declare type Details = {
+    isGesture?: boolean;
+};
+export declare type UserLocationChangeEvent = NativeSyntheticEvent<{
+    coordinate?: LatLng & {
+        altitude: number;
+        timestamp: number;
+        accuracy: number;
+        speed: number;
+        heading: number;
+        /**
+         * @platform iOS
+         */
+        altitudeAccuracy?: number;
+        /**
+         * @platform Android
+         */
+        isFromMockProvider?: boolean;
+    };
+    /**
+     * @platform iOS
+     */
+    error?: {
+        message: string;
+    };
+}>;
+export declare type ChangeEvent = NativeSyntheticEvent<{
+    continuous: boolean;
+    region: Region;
+    isGesture?: boolean;
+}>;
+export declare type FitToOptions = {
+    edgePadding?: EdgePadding;
+    animated?: boolean;
+};
+export declare type BoundingBox = {
+    northEast: LatLng;
+    southWest: LatLng;
+};
+export declare type SnapshotOptions = {
+    /** optional, when omitted the view-width is used */
+    width?: number;
+    /** optional, when omitted the view-height is used */
+    height?: number;
+    /** __iOS only__, optional region to render */
+    region?: Region;
+    /** image formats, defaults to 'png' */
+    format?: 'png' | 'jpg';
+    /** image quality: 0..1 (only relevant for jpg, default: 1) */
+    quality?: number;
+    /** result types, defaults to 'file' */
+    result?: 'file' | 'base64';
+};
+export declare type Address = {
+    administrativeArea: string;
+    country: string;
+    countryCode: string;
+    locality: string;
+    name: string;
+    postalCode: string;
+    subAdministrativeArea: string;
+    subLocality: string;
+    thoroughfare: string;
+};
+export declare type NativeCommandName = 'animateCamera' | 'animateToRegion' | 'coordinateForPoint' | 'fitToCoordinates' | 'fitToElements' | 'fitToSuppliedMarkers' | 'getAddressFromCoordinates' | 'getCamera' | 'getMapBoundaries' | 'getMarkersFrames' | 'pointForCoordinate' | 'setCamera' | 'setIndoorActiveLevelIndex' | 'setMapBoundaries' | 'takeSnapshot';

package/lib/MapView.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/MapWMSTile.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ViewProps } from 'react-native';
 import { ProviderContext, NativeComponent, MapManagerCommand, UIManagerCommand } from './decorateMapComponent';
-declare type Props = ViewProps & {
+export declare type MapWMSTileProps = ViewProps & {
     /**
      * The maximum native zoom level for this tile overlay i.e. the highest zoom level that the tile server provides.
      * Tiles are auto-scaled for higher zoom levels.
@@ -104,8 +104,8 @@ declare type Props = ViewProps & {
      */
     zIndex?: number;
 };
-declare type NativeProps = Props;
-export declare class MapWMSTile extends React.Component<Props> {
+declare type NativeProps = MapWMSTileProps;
+export declare class MapWMSTile extends React.Component<MapWMSTileProps> {
     context: React.ContextType<typeof ProviderContext>;
     getNativeComponent: () => NativeComponent<NativeProps>;
     getMapManagerCommand: (name: string) => MapManagerCommand;

package/lib/index.d.ts

@@ -1,20 +1,37 @@
-import MapView, { AnimatedMapView as Animated, MAP_TYPES, enableLatestRenderer } from './MapView';
+import MapView, { AnimatedMapView as Animated, MAP_TYPES, enableLatestRenderer, MapViewProps } from './MapView';
 import Marker from './MapMarker';
+export { MapMarker } from './MapMarker';
+export type { MapMarkerProps } from './MapMarker';
 import Overlay from './MapOverlay';
-export { default as Polyline } from './MapPolyline';
-export { default as Heatmap } from './MapHeatmap';
-export { default as Polygon } from './MapPolygon';
-export { default as Circle } from './MapCircle';
-export { default as UrlTile } from './MapUrlTile';
-export { default as WMSTile } from './MapWMSTile';
-export { default as LocalTile } from './MapLocalTile';
-export { default as Callout } from './MapCallout';
-export { default as CalloutSubview } from './MapCalloutSubview';
+export { MapOverlay } from './MapOverlay';
+export type { MapOverlayProps } from './MapOverlay';
+export { default as Polyline, MapPolyline } from './MapPolyline';
+export type { MapPolylineProps } from './MapPolyline';
+export { default as Heatmap, MapHeatmap } from './MapHeatmap';
+export type { MapHeatmapProps } from './MapHeatmap';
+export { default as Polygon, MapPolygon } from './MapPolygon';
+export type { MapPolygonProps } from './MapPolygon';
+export { default as Circle, MapCircle } from './MapCircle';
+export type { MapCircleProps } from './MapCircle';
+export { default as UrlTile, MapUrlTile } from './MapUrlTile';
+export type { MapUrlTileProps } from './MapUrlTile';
+export { default as WMSTile, MapWMSTile } from './MapWMSTile';
+export type { MapWMSTileProps } from './MapWMSTile';
+export { default as LocalTile, MapLocalTile } from './MapLocalTile';
+export type { MapLocalTileProps } from './MapLocalTile';
+export { default as Callout, MapCallout } from './MapCallout';
+export type { MapCalloutProps } from './MapCallout';
+export { default as CalloutSubview, MapCalloutSubview, } from './MapCalloutSubview';
+export type { MapCalloutSubviewProps } from './MapCalloutSubview';
 export { default as AnimatedRegion } from './AnimatedRegion';
 export { default as Geojson } from './Geojson';
+export type { GeojsonProps } from './Geojson';
 export { Marker, Overlay };
+export type { MapViewProps };
 export { Animated, MAP_TYPES, enableLatestRenderer };
 export * from './ProviderConstants';
+export * from './MapView.types';
+export * from './sharedTypes';
 export declare const MarkerAnimated: import("react-native").Animated.AnimatedComponent<typeof import("./MapMarker").MapMarker>;
 export declare const OverlayAnimated: import("react-native").Animated.AnimatedComponent<typeof import("./MapOverlay").MapOverlay>;
 export default MapView;

package/lib/index.js

@@ -29,38 +29,53 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.OverlayAnimated = exports.MarkerAnimated = exports.enableLatestRenderer = exports.MAP_TYPES = exports.Animated = exports.Overlay = exports.Marker = exports.Geojson = exports.AnimatedRegion = exports.CalloutSubview = exports.Callout = exports.LocalTile = exports.WMSTile = exports.UrlTile = exports.Circle = exports.Polygon = exports.Heatmap = exports.Polyline = void 0;
+exports.OverlayAnimated = exports.MarkerAnimated = exports.enableLatestRenderer = exports.MAP_TYPES = exports.Animated = exports.Overlay = exports.Marker = exports.Geojson = exports.AnimatedRegion = exports.MapCalloutSubview = exports.CalloutSubview = exports.MapCallout = exports.Callout = exports.MapLocalTile = exports.LocalTile = exports.MapWMSTile = exports.WMSTile = exports.MapUrlTile = exports.UrlTile = exports.MapCircle = exports.Circle = exports.MapPolygon = exports.Polygon = exports.MapHeatmap = exports.Heatmap = exports.MapPolyline = exports.Polyline = exports.MapOverlay = exports.MapMarker = void 0;
 const MapView_1 = __importStar(require("./MapView"));
 Object.defineProperty(exports, "Animated", { enumerable: true, get: function () { return MapView_1.AnimatedMapView; } });
 Object.defineProperty(exports, "MAP_TYPES", { enumerable: true, get: function () { return MapView_1.MAP_TYPES; } });
 Object.defineProperty(exports, "enableLatestRenderer", { enumerable: true, get: function () { return MapView_1.enableLatestRenderer; } });
 const MapMarker_1 = __importDefault(require("./MapMarker"));
 exports.Marker = MapMarker_1.default;
+var MapMarker_2 = require("./MapMarker");
+Object.defineProperty(exports, "MapMarker", { enumerable: true, get: function () { return MapMarker_2.MapMarker; } });
 const MapOverlay_1 = __importDefault(require("./MapOverlay"));
 exports.Overlay = MapOverlay_1.default;
+var MapOverlay_2 = require("./MapOverlay");
+Object.defineProperty(exports, "MapOverlay", { enumerable: true, get: function () { return MapOverlay_2.MapOverlay; } });
 var MapPolyline_1 = require("./MapPolyline");
 Object.defineProperty(exports, "Polyline", { enumerable: true, get: function () { return __importDefault(MapPolyline_1).default; } });
+Object.defineProperty(exports, "MapPolyline", { enumerable: true, get: function () { return MapPolyline_1.MapPolyline; } });
 var MapHeatmap_1 = require("./MapHeatmap");
 Object.defineProperty(exports, "Heatmap", { enumerable: true, get: function () { return __importDefault(MapHeatmap_1).default; } });
+Object.defineProperty(exports, "MapHeatmap", { enumerable: true, get: function () { return MapHeatmap_1.MapHeatmap; } });
 var MapPolygon_1 = require("./MapPolygon");
 Object.defineProperty(exports, "Polygon", { enumerable: true, get: function () { return __importDefault(MapPolygon_1).default; } });
+Object.defineProperty(exports, "MapPolygon", { enumerable: true, get: function () { return MapPolygon_1.MapPolygon; } });
 var MapCircle_1 = require("./MapCircle");
 Object.defineProperty(exports, "Circle", { enumerable: true, get: function () { return __importDefault(MapCircle_1).default; } });
+Object.defineProperty(exports, "MapCircle", { enumerable: true, get: function () { return MapCircle_1.MapCircle; } });
 var MapUrlTile_1 = require("./MapUrlTile");
 Object.defineProperty(exports, "UrlTile", { enumerable: true, get: function () { return __importDefault(MapUrlTile_1).default; } });
+Object.defineProperty(exports, "MapUrlTile", { enumerable: true, get: function () { return MapUrlTile_1.MapUrlTile; } });
 var MapWMSTile_1 = require("./MapWMSTile");
 Object.defineProperty(exports, "WMSTile", { enumerable: true, get: function () { return __importDefault(MapWMSTile_1).default; } });
+Object.defineProperty(exports, "MapWMSTile", { enumerable: true, get: function () { return MapWMSTile_1.MapWMSTile; } });
 var MapLocalTile_1 = require("./MapLocalTile");
 Object.defineProperty(exports, "LocalTile", { enumerable: true, get: function () { return __importDefault(MapLocalTile_1).default; } });
+Object.defineProperty(exports, "MapLocalTile", { enumerable: true, get: function () { return MapLocalTile_1.MapLocalTile; } });
 var MapCallout_1 = require("./MapCallout");
 Object.defineProperty(exports, "Callout", { enumerable: true, get: function () { return __importDefault(MapCallout_1).default; } });
+Object.defineProperty(exports, "MapCallout", { enumerable: true, get: function () { return MapCallout_1.MapCallout; } });
 var MapCalloutSubview_1 = require("./MapCalloutSubview");
 Object.defineProperty(exports, "CalloutSubview", { enumerable: true, get: function () { return __importDefault(MapCalloutSubview_1).default; } });
+Object.defineProperty(exports, "MapCalloutSubview", { enumerable: true, get: function () { return MapCalloutSubview_1.MapCalloutSubview; } });
 var AnimatedRegion_1 = require("./AnimatedRegion");
 Object.defineProperty(exports, "AnimatedRegion", { enumerable: true, get: function () { return __importDefault(AnimatedRegion_1).default; } });
 var Geojson_1 = require("./Geojson");
 Object.defineProperty(exports, "Geojson", { enumerable: true, get: function () { return __importDefault(Geojson_1).default; } });
 __exportStar(require("./ProviderConstants"), exports);
+__exportStar(require("./MapView.types"), exports);
+__exportStar(require("./sharedTypes"), exports);
 exports.MarkerAnimated = MapMarker_1.default.Animated;
 exports.OverlayAnimated = MapOverlay_1.default.Animated;
 exports.default = MapView_1.default;

package/lib/sharedTypes.d.ts

@@ -1,5 +1,4 @@
 import { NativeSyntheticEvent } from 'react-native';
-export declare type Modify<T, R> = Omit<T, keyof R> & R;
 export declare type Provider = 'google' | undefined;
 export declare type LatLng = {
     latitude: number;

package/lib/sharedTypesInternal.d.ts

@@ -0,0 +1 @@
+export declare type Modify<T, R> = Omit<T, keyof R> & R;

package/lib/sharedTypesInternal.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/package.json

@@ -3,7 +3,8 @@
   "description": "React Native Mapview component for iOS + Android",
   "main": "lib/index.js",
   "author": "Leland Richardson <leland.m.richardson@gmail.com>",
-  "version": "1.0.0-beta.1",
+  "homepage": "https://github.com/react-native-maps/react-native-maps#readme",
+  "version": "1.0.0-beta.10",
   "license": "MIT",
   "scripts": {
     "lint": "eslint . --max-warnings 0",
@@ -49,19 +50,19 @@
     }
   },
   "devDependencies": {
-    "@commitlint/cli": "17.0.2",
-    "@commitlint/config-conventional": "17.0.2",
-    "@react-native-community/eslint-config": "^3.0.2",
-    "@types/react-native": "0.67.8",
+    "@commitlint/cli": "17.0.3",
+    "@commitlint/config-conventional": "17.0.3",
+    "@react-native-community/eslint-config": "3.0.3",
+    "@types/react-native": "0.69.2",
     "babel-jest": "^27.3.1",
-    "eslint": "7.32.0",
+    "eslint": "^7.32.0",
     "husky": "8.0.1",
     "jest": "^27.3.1",
-    "prettier": "2.6.2",
-    "react": "17.0.2",
-    "react-native": "0.68.2",
-    "semantic-release": "19.0.2",
-    "typescript": "4.7.3"
+    "prettier": "2.7.1",
+    "react": "18.0.0",
+    "react-native": "0.69.1",
+    "semantic-release": "19.0.3",
+    "typescript": "4.7.4"
   },
   "dependencies": {
     "@types/geojson": "^7946.0.8"

package/react-native-google-maps.podspec

@@ -5,18 +5,17 @@ package = JSON.parse(File.read(File.join(__dir__, 'package.json')))
 Pod::Spec.new do |s|
   s.name         = "react-native-google-maps"
   s.version      = package['version']
-  s.summary      = "React Native Mapview component for iOS + Android"
-
-  s.authors      = { "intelligibabble" => "leland.m.richardson@gmail.com" }
-  s.homepage     = "https://github.com/react-native-maps/react-native-maps#readme"
-  s.license      = "MIT"
-  s.platform     = :ios, "12.0"
+  s.summary      = package["description"]
+  s.authors      = package["author"]
+  s.homepage     = package["homepage"]
+  s.license      = package["license"]
+  s.platform     = :ios, "13.0"
 
   s.source       = { :git => "https://github.com/react-native-maps/react-native-maps.git", :tag=> "v#{s.version}" }
   s.source_files  = "ios/AirGoogleMaps/**/*.{h,m}"
   s.compiler_flags = '-DHAVE_GOOGLE_MAPS=1', '-DHAVE_GOOGLE_MAPS_UTILS=1', '-fno-modules'
 
   s.dependency 'React-Core'
-  s.dependency 'GoogleMaps', '6.2.1'
+  s.dependency 'GoogleMaps', '7.0.0'
   s.dependency 'Google-Maps-iOS-Utils', '4.1.0'
 end

package/react-native-maps.podspec

@@ -5,11 +5,10 @@ package = JSON.parse(File.read(File.join(__dir__, 'package.json')))
 Pod::Spec.new do |s|
   s.name         = "react-native-maps"
   s.version      = package['version']
-  s.summary      = "React Native Mapview component for iOS + Android"
-
-  s.authors      = { "intelligibabble" => "leland.m.richardson@gmail.com" }
-  s.homepage     = "https://github.com/react-native-maps/react-native-maps#readme"
-  s.license      = "MIT"
+  s.summary      = package["description"]
+  s.authors      = package["author"]
+  s.homepage     = package["homepage"]
+  s.license      = package["license"]
   s.platform     = :ios, "11.0"
 
   s.source       = { :git => "https://github.com/react-native-maps/react-native-maps.git", :tag=> "v#{s.version}" }