react-native-maps 1.4.0-beta.1 → 1.5.0-beta.1

package/README.md

@@ -2,8 +2,8 @@
 
 React Native Map components for iOS + Android
 
-
 ## Contributing
+
 This project is being maintained by a small group of people, and any help with issues and pull requests are always appreciated. If you are able and willing to contribute, please read the [guidelines](./CONTRIBUTING.md).
 
 ## Installation
@@ -41,6 +41,7 @@ See [Setup Instructions for the Included Example Project](docs/examples-setup.md
 ```js
 import MapView from 'react-native-maps';
 ```
+
 or
 
 ```js
@@ -54,15 +55,16 @@ declaratively controlling features on the map.
 ### Rendering a Map with an initial region
 
 ## MapView
+
 ```jsx
-  <MapView
-    initialRegion={{
-      latitude: 37.78825,
-      longitude: -122.4324,
-      latitudeDelta: 0.0922,
-      longitudeDelta: 0.0421,
-    }}
-  />
+<MapView
+  initialRegion={{
+    latitude: 37.78825,
+    longitude: -122.4324,
+    latitudeDelta: 0.0922,
+    longitudeDelta: 0.0421,
+  }}
+/>
 ```
 
 ### Using a MapView while controlling the region as state
@@ -96,12 +98,9 @@ render() {
 ### Rendering a list of markers on a map
 
 ```jsx
-import { Marker } from 'react-native-maps';
+import {Marker} from 'react-native-maps';
 
-<MapView
-  region={this.state.region}
-  onRegionChange={this.onRegionChange}
->
+<MapView region={this.state.region} onRegionChange={this.onRegionChange}>
   {this.state.markers.map((marker, index) => (
     <Marker
       key={index}
@@ -110,16 +109,18 @@ import { Marker } from 'react-native-maps';
       description={marker.description}
     />
   ))}
-</MapView>
+</MapView>;
 ```
 
 ### 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/resource-manager#import), [iOS](https://developer.apple.com/documentation/xcode/adding-images-to-your-xcode-project)
-2. put all images in Android drawables and iOS assets dir 
+2. put all images in Android drawables and iOS assets dir
 3. Now you can use the following code:
+
 ```jsx
 <Marker
-  coordinate={{ latitude : latitude , longitude : longitude }}
+  coordinate={{latitude: latitude, longitude: longitude}}
   image={{uri: 'custom_pin'}}
 />
 ```
@@ -127,10 +128,11 @@ import { Marker } from 'react-native-maps';
 Note: You can also pass the image binary data like `image={require('custom_pin.png')}`, but this will not scale good with the different screen sizes.
 
 ### Rendering a Marker with a custom view
+
 Note: This has performance implications, if you wish for a simpler solution go with a custom image (save your self the head ache)
 
 ```jsx
-<Marker coordinate={{ latitude : latitude , longitude : longitude }}>
+<Marker coordinate={{latitude: latitude, longitude: longitude}}>
   <MyCustomMarkerView {...marker} />
 </Marker>
 ```
@@ -138,14 +140,14 @@ Note: This has performance implications, if you wish for a simpler solution go w
 ### Rendering a custom Marker with a custom Callout
 
 ```jsx
-import { Callout } from 'react-native-maps';
+import {Callout} from 'react-native-maps';
 
 <Marker coordinate={marker.latlng}>
   <MyCustomMarkerView {...marker} />
   <Callout>
     <MyCustomCalloutView {...marker} />
   </Callout>
-</Marker>
+</Marker>;
 ```
 
 ### Draggable Markers
@@ -164,12 +166,9 @@ import { Callout } from 'react-native-maps';
 #### Tile Overlay using tile server
 
 ```jsx
-import { UrlTile } from 'react-native-maps';
+import {UrlTile} from 'react-native-maps';
 
-<MapView
-  region={this.state.region}
-  onRegionChange={this.onRegionChange}
->
+<MapView region={this.state.region} onRegionChange={this.onRegionChange}>
   <UrlTile
     /**
      * The url template of the tile server. The patterns {x} {y} {z} will be replaced at runtime
@@ -187,13 +186,15 @@ import { UrlTile } from 'react-native-maps';
      */
     flipY={false}
   />
-</MapView>
+</MapView>;
 ```
 
 For Android: add the following line in your AndroidManifest.xml
+
 ```xml
 <uses-permission android:name="android.permission.INTERNET" />
 ```
+
 For IOS: configure [App Transport Security](https://developer.apple.com/library/content/documentation/General/Reference/InfoPlistKeyReference/Articles/CocoaKeys.html#//apple_ref/doc/uid/TP40009251-SW33) in your app
 
 #### Tile Overlay using local tiles
@@ -201,27 +202,25 @@ For IOS: configure [App Transport Security](https://developer.apple.com/library/
 Tiles can be stored locally within device using xyz tiling scheme and displayed as tile overlay as well. This is usefull especially for offline map usage when tiles are available for selected map region within device storage.
 
 ```jsx
-import { LocalTile } from 'react-native-maps';
+import {LocalTile} from 'react-native-maps';
 
-<MapView
-  region={this.state.region}
-  onRegionChange={this.onRegionChange}
->
+<MapView region={this.state.region} onRegionChange={this.onRegionChange}>
   <LocalTile
-   /**
-    * The path template of the locally stored tiles. The patterns {x} {y} {z} will be replaced at runtime
-    * For example, /storage/emulated/0/mytiles/{z}/{x}/{y}.png
-    */
-   pathTemplate={this.state.pathTemplate}
-   /**
-    * The size of provided local tiles (usually 256 or 512).
-    */
-   tileSize={256}
+    /**
+     * The path template of the locally stored tiles. The patterns {x} {y} {z} will be replaced at runtime
+     * For example, /storage/emulated/0/mytiles/{z}/{x}/{y}.png
+     */
+    pathTemplate={this.state.pathTemplate}
+    /**
+     * The size of provided local tiles (usually 256 or 512).
+     */
+    tileSize={256}
   />
-</MapView>
+</MapView>;
 ```
 
 For Android: LocalTile is still just overlay over original map tiles. It means that if device is online, underlying tiles will be still downloaded. If original tiles download/display is not desirable set mapType to 'none'. For example:
+
 ```
 <MapView
   mapType={Platform.OS == "android" ? "none" : "standard"}
@@ -265,6 +264,7 @@ render() {
   );
 }
 ```
+
 For iOS, in addition to providing the `mapStyle` you will need to do the following
 
 ```jsx
@@ -291,36 +291,26 @@ This example displays some of them in a log as a demonstration.
 
 ![](http://i.giphy.com/3o6UBpncYQASu2WTW8.gif) ![](http://i.giphy.com/xT77YdviLqtjaecRYA.gif)
 
-
-
 ### Tracking Region / Location
 
 ![](http://i.giphy.com/3o6UBoPSLlIKQ2dv7q.gif) ![](http://i.giphy.com/xT77XWjqECvdgjx9oA.gif)
 
-
-
-
 ### Programmatically Changing Region
 
 One can change the mapview's position using refs and component methods, or by passing in an updated
-`region` prop.  The component methods will allow one to animate to a given position like the native
+`region` prop. The component methods will allow one to animate to a given position like the native
 API could.
 
 ![](http://i.giphy.com/3o6UB7poyB6YJ0KPWU.gif) ![](http://i.giphy.com/xT77Yc4wK3pzZusEbm.gif)
 
-
 ### Changing the style of the map
 
 ![](http://i.imgur.com/a9WqCL6.png)
 
-
-
 ### Arbitrary React Views as Markers
 
 ![](http://i.giphy.com/3o6UBcsCLoLQtksJxe.gif) ![](http://i.giphy.com/3o6UB1qGEM9jYni3KM.gif)
 
-
-
 ### Using the MapView with the Animated API
 
 The `<MapView />` component can be made to work with the Animated API, having the entire `region` prop
@@ -338,14 +328,10 @@ Markers' coordinates can also be animated, as shown in this example:
 
 ![](http://i.giphy.com/xTcnTelp1OwGPu1Wh2.gif) ![](http://i.giphy.com/xTcnT6WVpwlCiQnFW8.gif)
 
-
-
 ### Polygon Creator
 
 ![](http://i.giphy.com/3o6UAZWqQBkOzs8HE4.gif) ![](http://i.giphy.com/xT77XVBRErNZl3zyWQ.gif)
 
-
-
 ### Other Overlays
 
 So far, `<Circle />`, `<Polygon />`, and `<Polyline />` are available to pass in as children to the
@@ -353,16 +339,12 @@ So far, `<Circle />`, `<Polygon />`, and `<Polyline />` are available to pass in
 
 ![](http://i.giphy.com/xT77XZCH8JpEhzVcNG.gif) ![](http://i.giphy.com/xT77XZyA0aYeOX5jsA.gif)
 
-
-
 ### Gradient Polylines (iOS MapKit only)
 
 Gradient polylines can be created using the `strokeColors` prop of the `<Polyline>` component.
 
 ![](https://i.imgur.com/P7UeqAm.png?1)
 
-
-
 ### Default Markers
 
 Default markers will be rendered unless a custom marker is specified. One can optionally adjust the
@@ -370,11 +352,9 @@ color of the default marker by using the `pinColor` prop.
 
 ![](http://i.giphy.com/xT77Y0pWKmUUnguHK0.gif) ![](http://i.giphy.com/3o6UBfk3I58VIwZjVe.gif)
 
-
-
 ### Custom Callouts
 
-Callouts to markers can be completely arbitrary react views, similar to markers.  As a result, they
+Callouts to markers can be completely arbitrary react views, similar to markers. As a result, they
 can be interacted with like any other view.
 
 Additionally, you can fall back to the standard behavior of just having a title/description through
@@ -388,16 +368,12 @@ See `Callouts.js` example.
 
 ![](http://i.giphy.com/xT77XNePGnMIIDpbnq.gif) ![](http://i.giphy.com/xT77YdU0HXryvoRqaQ.gif)
 
-
-
 ### Image-based Markers
 
 Markers can be customized by just using images, and specified using the `image` prop.
 
 ![](http://i.imgur.com/mzrOjTR.png)
 
-
-
 ### Draggable Markers
 
 Markers are draggable, and emit continuous drag events to update other UI during drags.
@@ -558,10 +534,10 @@ Pass an array of coordinates to focus a map region on said coordinates.
 
 #### My map is blank
 
-* Make sure that you have [properly installed](docs/installation.md) react-native-maps.
-* Check in the logs if there is more informations about the issue.
-* Try setting the style of the MapView to an absolute position with top, left, right and bottom  values set.
-*   Make sure you have enabled Google Maps API in [Google developer console](https://console.developers.google.com/apis/library)
+- Make sure that you have [properly installed](docs/installation.md) react-native-maps.
+- Check in the logs if there is more informations about the issue.
+- Try setting the style of the MapView to an absolute position with top, left, right and bottom values set.
+- Make sure you have enabled Google Maps API in [Google developer console](https://console.developers.google.com/apis/library)
 
 ```javascript
 const styles = StyleSheet.create({
@@ -580,14 +556,14 @@ const styles = StyleSheet.create({
 
 #### Inputs don't focus
 
-* When inputs don't focus or elements don't respond to tap, look at the order of the view hierarchy, sometimes the issue could be due to ordering of rendered components, prefer putting MapView as the first component.
+- When inputs don't focus or elements don't respond to tap, look at the order of the view hierarchy, sometimes the issue could be due to ordering of rendered components, prefer putting MapView as the first component.
 
 Bad:
 
 ```jsx
 <View>
-  <TextInput/>
-  <MapView/>
+  <TextInput />
+  <MapView />
 </View>
 ```
 
@@ -595,31 +571,32 @@ Good:
 
 ```jsx
 <View>
-  <MapView/>
-  <TextInput/>
+  <MapView />
+  <TextInput />
 </View>
 ```
 
 #### Children Components Not Re-Rendering
+
 Components that aren't declared by this library (Ex: Markers, Polyline) must not be children of the MapView component due to MapView's unique rendering methodology. Have your custom components / views outside the MapView component and position absolute to ensure they only re-render as needed.
 Example:
 Bad:
 
 ```jsx
-  <View style={StyleSheet.absoluteFillObject}>
-    <MapView style={StyleSheet.absoluteFillObject}>
-      <View style={{ position: 'absolute', top: 100, left: 50 }}/>
-    </MapView>
-  </View>
+<View style={StyleSheet.absoluteFillObject}>
+  <MapView style={StyleSheet.absoluteFillObject}>
+    <View style={{position: 'absolute', top: 100, left: 50}} />
+  </MapView>
+</View>
 ```
 
 Good:
 
 ```jsx
-  <View style={StyleSheet.absoluteFillObject}>
-    <MapView style={StyleSheet.absoluteFillObject} />
-    <View style={{ position: 'absolute', top: 100, left: 50 }}/>
-  </View>
+<View style={StyleSheet.absoluteFillObject}>
+  <MapView style={StyleSheet.absoluteFillObject} />
+  <View style={{position: 'absolute', top: 100, left: 50}} />
+</View>
 ```
 
 Source: https://github.com/react-native-maps/react-native-maps/issues/1901
@@ -630,8 +607,7 @@ Source: https://github.com/react-native-maps/react-native-maps/issues/1901
 
 Source: https://github.com/react-native-maps/react-native-maps/issues/3957#issuecomment-924161121
 
-License
---------
+## License
 
      Copyright (c) 2017 Airbnb
 

package/lib/AnimatedRegion.d.ts

@@ -1,7 +1,7 @@
 import { Animated } from 'react-native';
 import { Region } from './sharedTypes';
 declare const AnimatedWithChildren: any;
-declare type Props = Partial<Region> | undefined;
+type Props = Partial<Region> | undefined;
 export default class AnimatedMapRegion extends AnimatedWithChildren {
     constructor(valueIn?: Props);
     setValue(value: Region): void;

package/lib/Geojson.d.ts

@@ -4,7 +4,7 @@ import { MapMarkerProps as MarkerProps } from './MapMarker';
 import { MapPolygonProps as PolygonProps } from './MapPolygon';
 import { MapPolylineProps as PolylineProps } from './MapPolyline';
 import { LatLng } from './sharedTypes';
-export declare type GeojsonProps = {
+export type GeojsonProps = {
     /**
      * The pincolor used on markers
      *
@@ -153,23 +153,23 @@ export declare type GeojsonProps = {
 };
 declare const Geojson: (props: GeojsonProps) => JSX.Element;
 export default Geojson;
-declare type OverlayPressEvent = {
+type OverlayPressEvent = {
     type: AnyPointOverlay['type'] | AnyLineStringOverlay['type'] | AnyPolygonOverlay['type'];
     feature: AnyPointOverlay['feature'] | AnyLineStringOverlay['feature'] | AnyPolygonOverlay['feature'];
     coordinates: AnyPointOverlay['coordinates'] | AnyLineStringOverlay['coordinates'] | AnyPolygonOverlay['coordinates'];
     holes?: AnyPolygonOverlay['holes'];
 };
-declare type AnyPointOverlay = {
+type AnyPointOverlay = {
     type: 'point';
     feature: Feature<Point | MultiPoint>;
     coordinates: LatLng;
 };
-declare type AnyLineStringOverlay = {
+type AnyLineStringOverlay = {
     type: 'polyline';
     feature: Feature<LineString | MultiLineString>;
     coordinates: LatLng[];
 };
-declare type AnyPolygonOverlay = {
+type AnyPolygonOverlay = {
     type: 'polygon';
     feature: Feature<Polygon | MultiPolygon>;
     coordinates: LatLng[];

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';
-export declare type MapCalloutProps = ViewProps & {
+export type MapCalloutProps = ViewProps & {
     /**
      * If `true`, clicks on transparent areas in callout will be passed to map.
      *
@@ -28,7 +28,7 @@ export declare type MapCalloutProps = ViewProps & {
      */
     tooltip?: boolean;
 };
-declare type NativeProps = MapCalloutProps;
+type NativeProps = MapCalloutProps;
 export declare class MapCallout extends React.Component<MapCalloutProps> {
     context: React.ContextType<typeof ProviderContext>;
     getNativeComponent: () => NativeComponent<NativeProps>;

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';
-export declare type MapCalloutSubviewProps = ViewProps & {
+export type MapCalloutSubviewProps = ViewProps & {
     /**
      * Callback that is called when the user presses on this subview inside callout
      *
@@ -11,7 +11,7 @@ export declare type MapCalloutSubviewProps = ViewProps & {
      */
     onPress?: (event: CalloutSubviewPressEvent) => void;
 };
-declare type NativeProps = MapCalloutSubviewProps;
+type NativeProps = MapCalloutSubviewProps;
 export declare class MapCalloutSubview extends React.Component<MapCalloutSubviewProps> {
     context: React.ContextType<typeof ProviderContext>;
     getNativeComponent: () => NativeComponent<NativeProps>;
@@ -21,7 +21,7 @@ export declare class MapCalloutSubview extends React.Component<MapCalloutSubview
 }
 declare const _default: typeof MapCalloutSubview;
 export default _default;
-declare type CalloutSubviewPressEvent = NativeSyntheticEvent<{
+type CalloutSubviewPressEvent = NativeSyntheticEvent<{
     /**
      * Apple Maps: `callout-inside-press`
      *

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';
-export declare type MapCircleProps = ViewProps & {
+export type MapCircleProps = ViewProps & {
     /**
      * The coordinates of the center of the circle.
      *
@@ -100,7 +100,7 @@ export declare type MapCircleProps = ViewProps & {
      */
     zIndex?: number;
 };
-declare type NativeProps = MapCircleProps & {
+type NativeProps = MapCircleProps & {
     ref: React.RefObject<View>;
 };
 export declare class MapCircle extends React.Component<MapCircleProps> {

package/lib/MapHeatmap.d.ts

@@ -3,7 +3,7 @@ import { ProcessedColorValue, View, ViewProps } from 'react-native';
 import { MapManagerCommand, NativeComponent, ProviderContext, UIManagerCommand } from './decorateMapComponent';
 import { LatLng } from './sharedTypes';
 import { Modify } from './sharedTypesInternal';
-export declare type MapHeatmapProps = ViewProps & {
+export type MapHeatmapProps = ViewProps & {
     gradient?: {
         /**
          * Resolution of color map -- number corresponding to the number of steps colors are interpolated into.
@@ -54,7 +54,7 @@ export declare type MapHeatmapProps = ViewProps & {
      */
     radius?: number;
 };
-declare type NativeProps = Modify<MapHeatmapProps, {
+type NativeProps = Modify<MapHeatmapProps, {
     gradient?: Modify<MapHeatmapProps['gradient'], {
         colors: (ProcessedColorValue | null | undefined)[];
     }>;
@@ -73,6 +73,6 @@ export declare class MapHeatmap extends React.Component<MapHeatmapProps> {
 }
 declare const _default: typeof MapHeatmap;
 export default _default;
-declare type WeightedLatLng = LatLng & {
+type WeightedLatLng = LatLng & {
     weight?: number;
 };

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';
-export declare type MapLocalTileProps = ViewProps & {
+export type MapLocalTileProps = ViewProps & {
     /**
      * @platform iOS: Apple Maps only
      * @platform Android: Supported
@@ -23,7 +23,7 @@ export declare type MapLocalTileProps = ViewProps & {
      */
     zIndex?: number;
 };
-declare type NativeProps = MapLocalTileProps;
+type NativeProps = MapLocalTileProps;
 export declare class MapLocalTile extends React.Component<MapLocalTileProps> {
     context: React.ContextType<typeof ProviderContext>;
     getNativeComponent: () => NativeComponent<NativeProps>;

package/lib/MapMarker.d.ts

@@ -4,7 +4,7 @@ import { MapManagerCommand, NativeComponent, ProviderContext, UIManagerCommand }
 import { MapMarkerNativeComponentType } from './MapMarkerNativeComponent';
 import { CalloutPressEvent, LatLng, MarkerDeselectEvent, MarkerDragEvent, MarkerDragStartEndEvent, MarkerPressEvent, MarkerSelectEvent, Point } from './sharedTypes';
 import { Modify } from './sharedTypesInternal';
-export declare type MapMarkerProps = ViewProps & {
+export 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.
@@ -261,8 +261,8 @@ export declare type MapMarkerProps = ViewProps & {
      */
     zIndex?: number;
 };
-declare type OmittedProps = Omit<MapMarkerProps, 'stopPropagation'>;
-export declare type NativeProps = Modify<OmittedProps, {
+type OmittedProps = Omit<MapMarkerProps, 'stopPropagation'>;
+export type NativeProps = Modify<OmittedProps, {
     icon?: string;
     image?: MapMarkerProps['image'] | string;
 }> & {

package/lib/MapMarkerNativeComponent.d.ts

@@ -2,7 +2,7 @@
 import type { HostComponent } from 'react-native';
 import { NativeProps } from './MapMarker';
 import { LatLng } from './sharedTypes';
-export declare type MapMarkerNativeComponentType = HostComponent<NativeProps>;
+export type MapMarkerNativeComponentType = HostComponent<NativeProps>;
 interface NativeCommands {
     showCallout: (viewRef: NonNullable<React.RefObject<MapMarkerNativeComponentType>['current']>) => void;
     hideCallout: (viewRef: NonNullable<React.RefObject<MapMarkerNativeComponentType>['current']>) => void;

package/lib/MapOverlay.d.ts

@@ -3,7 +3,7 @@ import { Animated, ViewProps, ImageURISource, ImageRequireSource, NativeSyntheti
 import { MapManagerCommand, NativeComponent, ProviderContext, UIManagerCommand } from './decorateMapComponent';
 import { LatLng, Point } from './sharedTypes';
 import { Modify } from './sharedTypesInternal';
-export declare type MapOverlayProps = ViewProps & {
+export type MapOverlayProps = ViewProps & {
     /**
      * The bearing in degrees clockwise from north. Values outside the range [0, 360) will be normalized.
      *
@@ -51,7 +51,7 @@ export declare type MapOverlayProps = ViewProps & {
      */
     tappable?: boolean;
 };
-declare type NativeProps = Modify<MapOverlayProps, {
+type NativeProps = Modify<MapOverlayProps, {
     image?: string;
 }>;
 export declare class MapOverlay extends React.Component<MapOverlayProps> {
@@ -62,8 +62,8 @@ export declare class MapOverlay extends React.Component<MapOverlayProps> {
     static Animated: Animated.AnimatedComponent<typeof MapOverlay>;
     render(): JSX.Element;
 }
-declare type Coordinate = [number, number];
-declare type OverlayPressEvent = NativeSyntheticEvent<{
+type Coordinate = [number, number];
+type OverlayPressEvent = NativeSyntheticEvent<{
     /**
      * @platform iOS: Apple Maps: `image-overlay-press`
      * @platform Android: `overlay-press`

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 MapPolygonProps = ViewProps & {
+export type MapPolygonProps = ViewProps & {
     /**
      * An array of coordinates to describe the polygon
      *
@@ -122,7 +122,7 @@ export declare type MapPolygonProps = ViewProps & {
      */
     zIndex?: number;
 };
-declare type NativeProps = MapPolygonProps & {
+type NativeProps = MapPolygonProps & {
     ref: React.RefObject<View>;
 };
 export declare class MapPolygon extends React.Component<MapPolygonProps> {
@@ -137,7 +137,7 @@ export declare class MapPolygon extends React.Component<MapPolygonProps> {
 }
 declare const _default: typeof MapPolygon;
 export default _default;
-declare type PolygonPressEvent = NativeSyntheticEvent<{
+type PolygonPressEvent = NativeSyntheticEvent<{
     action: 'polygon-press';
     /**
      * @platform iOS: Google Maps

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 MapPolylineProps = ViewProps & {
+export type MapPolylineProps = ViewProps & {
     /**
      * An array of coordinates to describe the polyline
      *
@@ -124,7 +124,7 @@ export declare type MapPolylineProps = ViewProps & {
      */
     zIndex?: number;
 };
-declare type NativeProps = MapPolylineProps & {
+type NativeProps = MapPolylineProps & {
     ref: React.RefObject<View>;
 };
 export declare class MapPolyline extends React.Component<MapPolylineProps> {
@@ -139,7 +139,7 @@ export declare class MapPolyline extends React.Component<MapPolylineProps> {
 }
 declare const _default: typeof MapPolyline;
 export default _default;
-declare type PolylinePressEvent = NativeSyntheticEvent<{
+type PolylinePressEvent = NativeSyntheticEvent<{
     action: 'polyline-press';
     /**
      * @platform iOS: Google Maps

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';
-export declare type MapUrlTileProps = ViewProps & {
+export 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,7 +122,7 @@ export declare type MapUrlTileProps = ViewProps & {
      */
     zIndex?: number;
 };
-declare type NativeProps = MapUrlTileProps;
+type NativeProps = MapUrlTileProps;
 export declare class MapUrlTile extends React.Component<MapUrlTileProps> {
     context: React.ContextType<typeof ProviderContext>;
     getNativeComponent: () => NativeComponent<NativeProps>;

package/lib/MapView.d.ts

@@ -5,7 +5,7 @@ import { Address, BoundingBox, Camera, ChangeEvent, Details, EdgePadding, FitToO
 import { Modify } from './sharedTypesInternal';
 import { MapViewNativeComponentType } from './MapViewNativeComponent';
 export declare const MAP_TYPES: MapTypes;
-export declare type MapViewProps = ViewProps & {
+export type MapViewProps = ViewProps & {
     /**
      * If `true` map will be cached and displayed as an image instead of being interactable, for performance usage.
      *
@@ -556,17 +556,17 @@ export declare type MapViewProps = ViewProps & {
      */
     zoomTapEnabled?: boolean;
 };
-declare type ModifiedProps = Modify<MapViewProps, {
+type ModifiedProps = Modify<MapViewProps, {
     region?: MapViewProps['region'] | null;
     initialRegion?: MapViewProps['initialRegion'] | null;
 }>;
-export declare type NativeProps = Omit<ModifiedProps, 'customMapStyle' | 'onRegionChange' | 'onRegionChangeComplete'> & {
+export type NativeProps = Omit<ModifiedProps, 'customMapStyle' | 'onRegionChange' | 'onRegionChangeComplete'> & {
     ref: React.RefObject<MapViewNativeComponentType>;
     customMapStyleString?: string;
     handlePanDrag?: boolean;
     onChange?: (e: ChangeEvent) => void;
 };
-declare type State = {
+type State = {
     isReady: boolean;
 };
 declare class MapView extends React.Component<MapViewProps, State> {

package/lib/MapView.types.d.ts

@@ -1,6 +1,6 @@
 import { ClickEvent, LatLng, Point, Region } from './sharedTypes';
 import { NativeSyntheticEvent } from 'react-native';
-export declare type Camera = {
+export type Camera = {
     /**
      * Apple Maps
      */
@@ -13,19 +13,19 @@ export declare type Camera = {
      */
     zoom?: number;
 };
-export declare type MapStyleElement = {
+export type MapStyleElement = {
     featureType?: string;
     elementType?: string;
     stylers: object[];
 };
-export declare type EdgePadding = {
+export type EdgePadding = {
     top: Number;
     right: Number;
     bottom: Number;
     left: Number;
 };
-export declare type MapType = 'hybrid' | 'mutedStandard' | 'none' | 'satellite' | 'standard' | 'terrain';
-export declare type MapTypes = {
+export type MapType = 'hybrid' | 'mutedStandard' | 'none' | 'satellite' | 'standard' | 'terrain';
+export type MapTypes = {
     STANDARD: 'standard';
     SATELLITE: 'satellite';
     HYBRID: 'hybrid';
@@ -33,45 +33,45 @@ export declare type MapTypes = {
     NONE: 'none';
     MUTEDSTANDARD: 'mutedStandard';
 };
-export declare type IndoorLevel = {
+export type IndoorLevel = {
     index: number;
     name: string;
     shortName: string;
 };
-export declare type ActiveIndoorLevel = {
+export type ActiveIndoorLevel = {
     activeLevelIndex: number;
     name: string;
     shortName: string;
 };
-export declare type IndoorLevelActivatedEvent = NativeSyntheticEvent<{
+export type IndoorLevelActivatedEvent = NativeSyntheticEvent<{
     IndoorLevel: ActiveIndoorLevel;
 }>;
-export declare type IndoorBuilding = {
+export type IndoorBuilding = {
     underground: boolean;
     activeLevelIndex: number;
     levels: IndoorLevel[];
 };
-export declare type IndoorBuildingEvent = NativeSyntheticEvent<{
+export type IndoorBuildingEvent = NativeSyntheticEvent<{
     IndoorBuilding: IndoorBuilding;
 }>;
-export declare type KmlMarker = {
+export type KmlMarker = {
     id: string;
     title: string;
     description: string;
     coordinate: LatLng;
     position: Point;
 };
-export declare type KmlMapEvent = NativeSyntheticEvent<{
+export type KmlMapEvent = NativeSyntheticEvent<{
     markers: KmlMarker[];
 }>;
-export declare type LongPressEvent = ClickEvent<{
+export type LongPressEvent = ClickEvent<{
     /**
      * @platform Android
      */
     action?: 'long-press';
 }>;
-export declare type PanDragEvent = ClickEvent;
-export declare type PoiClickEvent = NativeSyntheticEvent<{
+export type PanDragEvent = ClickEvent;
+export type PoiClickEvent = NativeSyntheticEvent<{
     placeId: string;
     name: string;
     coordinate: LatLng;
@@ -80,16 +80,16 @@ export declare type PoiClickEvent = NativeSyntheticEvent<{
      */
     position?: Point;
 }>;
-export declare type MapPressEvent = ClickEvent<{
+export type MapPressEvent = ClickEvent<{
     /**
      * @platform Android
      */
     action?: 'press' | 'marker-press';
 }>;
-export declare type Details = {
+export type Details = {
     isGesture?: boolean;
 };
-export declare type UserLocationChangeEvent = NativeSyntheticEvent<{
+export type UserLocationChangeEvent = NativeSyntheticEvent<{
     coordinate?: LatLng & {
         altitude: number;
         timestamp: number;
@@ -112,20 +112,20 @@ export declare type UserLocationChangeEvent = NativeSyntheticEvent<{
         message: string;
     };
 }>;
-export declare type ChangeEvent = NativeSyntheticEvent<{
+export type ChangeEvent = NativeSyntheticEvent<{
     continuous: boolean;
     region: Region;
     isGesture?: boolean;
 }>;
-export declare type FitToOptions = {
+export type FitToOptions = {
     edgePadding?: EdgePadding;
     animated?: boolean;
 };
-export declare type BoundingBox = {
+export type BoundingBox = {
     northEast: LatLng;
     southWest: LatLng;
 };
-export declare type SnapshotOptions = {
+export type SnapshotOptions = {
     /** optional, when omitted the view-width is used */
     width?: number;
     /** optional, when omitted the view-height is used */
@@ -139,7 +139,7 @@ export declare type SnapshotOptions = {
     /** result types, defaults to 'file' */
     result?: 'file' | 'base64';
 };
-export declare type Address = {
+export type Address = {
     administrativeArea: string;
     country: string;
     countryCode: string;
@@ -150,4 +150,4 @@ export declare type Address = {
     subLocality: string;
     thoroughfare: string;
 };
-export declare type NativeCommandName = 'animateCamera' | 'animateToRegion' | 'coordinateForPoint' | 'fitToCoordinates' | 'fitToElements' | 'fitToSuppliedMarkers' | 'getAddressFromCoordinates' | 'getCamera' | 'getMapBoundaries' | 'getMarkersFrames' | 'pointForCoordinate' | 'setCamera' | 'setIndoorActiveLevelIndex' | 'setMapBoundaries' | 'takeSnapshot';
+export type NativeCommandName = 'animateCamera' | 'animateToRegion' | 'coordinateForPoint' | 'fitToCoordinates' | 'fitToElements' | 'fitToSuppliedMarkers' | 'getAddressFromCoordinates' | 'getCamera' | 'getMapBoundaries' | 'getMarkersFrames' | 'pointForCoordinate' | 'setCamera' | 'setIndoorActiveLevelIndex' | 'setMapBoundaries' | 'takeSnapshot';

package/lib/MapViewNativeComponent.d.ts

@@ -3,7 +3,7 @@ import type { HostComponent } from 'react-native';
 import { NativeProps } from './MapView';
 import { Camera, EdgePadding } from './MapView.types';
 import { LatLng, Region } from './sharedTypes';
-export declare type MapViewNativeComponentType = HostComponent<NativeProps>;
+export type MapViewNativeComponentType = HostComponent<NativeProps>;
 interface NativeCommands {
     animateToRegion: (viewRef: NonNullable<React.RefObject<MapViewNativeComponentType>['current']>, region: Region, duration: number) => void;
     setCamera: (viewRef: NonNullable<React.RefObject<MapViewNativeComponentType>['current']>, camera: Partial<Camera>) => void;

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';
-export declare type MapWMSTileProps = ViewProps & {
+export 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,7 +104,7 @@ export declare type MapWMSTileProps = ViewProps & {
      */
     zIndex?: number;
 };
-declare type NativeProps = MapWMSTileProps;
+type NativeProps = MapWMSTileProps;
 export declare class MapWMSTile extends React.Component<MapWMSTileProps> {
     context: React.ContextType<typeof ProviderContext>;
     getNativeComponent: () => NativeComponent<NativeProps>;

package/lib/decorateMapComponent.d.ts

@@ -20,16 +20,16 @@ export declare function getNativeMapName(provider: Provider): "AIRMap" | "AIRGoo
 export declare const createNotSupportedComponent: (message: string) => () => null;
 export declare const googleMapIsInstalled = true;
 export default function decorateMapComponent<Type extends Component>(Component: Type, componentName: ComponentName, providers: Providers): Type;
-declare type ImplementationStatus = 'SUPPORTED' | 'USES_DEFAULT_IMPLEMENTATION' | 'NOT_SUPPORTED';
-declare type Providers = {
+type ImplementationStatus = 'SUPPORTED' | 'USES_DEFAULT_IMPLEMENTATION' | 'NOT_SUPPORTED';
+type Providers = {
     google: {
         ios: ImplementationStatus;
         android: ImplementationStatus;
     };
 };
-export declare type UIManagerCommand = number;
-export declare type MapManagerCommand = any;
-export declare type NativeComponent<H = unknown> = HostComponent<H> | ReturnType<typeof createNotSupportedComponent>;
-declare type Component = typeof MapCallout | typeof MapCalloutSubview | typeof MapCircle | typeof MapHeatmap | typeof MapLocalTile | typeof MapMarker | typeof MapOverlay | typeof MapPolygon | typeof MapPolyline | typeof MapUrlTile | typeof MapWMSTile;
-declare type ComponentName = 'Callout' | 'CalloutSubview' | 'Circle' | 'Heatmap' | 'LocalTile' | 'Marker' | 'Overlay' | 'Polygon' | 'Polyline' | 'UrlTile' | 'WMSTile';
+export type UIManagerCommand = number;
+export type MapManagerCommand = any;
+export type NativeComponent<H = unknown> = HostComponent<H> | ReturnType<typeof createNotSupportedComponent>;
+type Component = typeof MapCallout | typeof MapCalloutSubview | typeof MapCircle | typeof MapHeatmap | typeof MapLocalTile | typeof MapMarker | typeof MapOverlay | typeof MapPolygon | typeof MapPolyline | typeof MapUrlTile | typeof MapWMSTile;
+type ComponentName = 'Callout' | 'CalloutSubview' | 'Circle' | 'Heatmap' | 'LocalTile' | 'Marker' | 'Overlay' | 'Polygon' | 'Polyline' | 'UrlTile' | 'WMSTile';
 export {};

package/lib/sharedTypes.d.ts

@@ -1,22 +1,22 @@
 import { NativeSyntheticEvent } from 'react-native';
-export declare type Provider = 'google' | undefined;
-export declare type LatLng = {
+export type Provider = 'google' | undefined;
+export type LatLng = {
     latitude: number;
     longitude: number;
 };
-export declare type Point = {
+export type Point = {
     x: number;
     y: number;
 };
-export declare type Region = LatLng & {
+export type Region = LatLng & {
     latitudeDelta: number;
     longitudeDelta: number;
 };
-export declare type Frame = Point & {
+export type Frame = Point & {
     height: number;
     width: number;
 };
-export declare type CalloutPressEvent = NativeSyntheticEvent<{
+export type CalloutPressEvent = NativeSyntheticEvent<{
     action: 'callout-press';
     /**
      * @platform iOS
@@ -39,27 +39,27 @@ export declare type CalloutPressEvent = NativeSyntheticEvent<{
      */
     position?: Point;
 }>;
-export declare type LineCapType = 'butt' | 'round' | 'square';
-export declare type LineJoinType = 'miter' | 'round' | 'bevel';
-export declare type ClickEvent<T = {}> = NativeSyntheticEvent<{
+export type LineCapType = 'butt' | 'round' | 'square';
+export type LineJoinType = 'miter' | 'round' | 'bevel';
+export type ClickEvent<T = {}> = NativeSyntheticEvent<{
     coordinate: LatLng;
     position: Point;
 } & T>;
-export declare type MarkerDeselectEvent = Omit<ClickEvent<{
+export type MarkerDeselectEvent = Omit<ClickEvent<{
     action: 'marker-deselect';
     id: string;
 }>, 'position'>;
-export declare type MarkerSelectEvent = Omit<ClickEvent<{
+export type MarkerSelectEvent = Omit<ClickEvent<{
     id: string;
     action: 'marker-select';
 }>, 'position'>;
-export declare type MarkerDragEvent = ClickEvent<{
+export type MarkerDragEvent = ClickEvent<{
     /**
      * @platform iOS
      */
     id?: string;
 }>;
-export declare type MarkerDragStartEndEvent = NativeSyntheticEvent<{
+export type MarkerDragStartEndEvent = NativeSyntheticEvent<{
     coordinate: LatLng;
     /**
      * @platform iOS
@@ -70,7 +70,7 @@ export declare type MarkerDragStartEndEvent = NativeSyntheticEvent<{
      */
     position?: Point;
 }>;
-export declare type MarkerPressEvent = NativeSyntheticEvent<{
+export type MarkerPressEvent = NativeSyntheticEvent<{
     id: string;
     action: 'marker-press';
     coordinate: LatLng;

package/lib/sharedTypesInternal.d.ts

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

package/package.json

@@ -5,11 +5,12 @@
   "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.4.0-beta.1",
+  "version": "1.5.0-beta.1",
   "license": "MIT",
   "scripts": {
     "lint": "eslint . --max-warnings 0",
     "tscheck": "tsc --noEmit",
+    "format-check": "prettier --check .",
     "build": "tsc --project tsconfig.build.json",
     "test": "jest",
     "prepare": "husky install",
@@ -52,24 +53,25 @@
     }
   },
   "devDependencies": {
-    "@commitlint/cli": "17.1.2",
-    "@commitlint/config-conventional": "17.1.0",
-    "@react-native-community/eslint-config": "3.1.0",
-    "@semantic-release/changelog": "6.0.1",
+    "@commitlint/cli": "17.6.1",
+    "@commitlint/config-conventional": "17.6.1",
+    "@react-native-community/eslint-config": "3.2.0",
+    "@semantic-release/changelog": "6.0.3",
     "@semantic-release/git": "10.0.1",
-    "@types/react-native": "0.70.4",
-    "babel-jest": "29.1.2",
-    "eslint": "8.25.0",
-    "husky": "8.0.1",
-    "jest": "29.1.2",
-    "prettier": "2.7.1",
+    "@types/jest": "29.5.0",
+    "@types/react-native": "0.70.13",
+    "babel-jest": "29.5.0",
+    "eslint": "8.38.0",
+    "husky": "8.0.3",
+    "jest": "29.5.0",
+    "prettier": "2.8.7",
     "react": "18.1.0",
-    "react-native": "0.70.2",
-    "semantic-release": "19.0.5",
-    "typescript": "4.8.4"
+    "react-native": "0.70.8",
+    "semantic-release": "21.0.1",
+    "typescript": "5.0.4"
   },
   "dependencies": {
-    "@types/geojson": "^7946.0.8"
+    "@types/geojson": "^7946.0.10"
   },
   "jest": {
     "preset": "react-native"

package/react-native-google-maps.podspec

@@ -14,9 +14,8 @@ Pod::Spec.new do |s|
   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.pod_target_xcconfig = { "HEADER_SEARCH_PATHS" => "$(inherited) '$(PODS_ROOT)/Google-Maps-iOS-Utils/src/Heatmap' '$(PODS_ROOT)/Headers/Public/'" }
 
   s.dependency 'React-Core'
-  s.dependency 'GoogleMaps', '7.0.0'
+  s.dependency 'GoogleMaps', '7.3.0'
   s.dependency 'Google-Maps-iOS-Utils', '4.1.0'
 end