react-native-maps 0.30.0 → 0.31.0-beta.2

package/README.md

@@ -3,9 +3,9 @@
 React Native Map components for iOS + Android
 
 
-# :warning: Maintainers Wanted [![Maintainers Wanted](https://img.shields.io/badge/maintainers-wanted-red.svg)](https://github.com/react-native-maps/react-native-maps/issues/3564)
-We are in need of more people or companies willing to help. If you have enough time and knowledge, and want to become a maintainer, please let us know [here](https://github.com/react-native-maps/react-native-maps/issues/3564).
- 
+## 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
 
 See [Installation Instructions](docs/installation.md).
@@ -245,7 +245,7 @@ render() {
       region={this.state.region}
     />
     <OverlayComponent
-      style={{position: “absolute”, bottom: 50}}
+      style={{position: "absolute", bottom: 50}}
     />
   );
 }

package/index.d.ts

@@ -80,7 +80,7 @@ declare module 'react-native-maps' {
     easing?: (value: number) => number;
     duration?: number;
     delay?: number;
-    useNativeDriver?: boolean;
+    useNativeDriver: boolean;
   }
 
   interface AnimatedRegionSpringConfig
@@ -97,14 +97,14 @@ declare module 'react-native-maps' {
     stiffness?: number;
     mass?: number;
     damping?: number;
-    useNativeDriver?: boolean;
+    useNativeDriver: boolean;
   }
 
-  export class AnimatedRegion extends Animated.AnimatedWithChildren {
-    latitude: Animated.Value;
-    longitude: Animated.Value;
-    latitudeDelta: Animated.Value;
-    longitudeDelta: Animated.Value;
+  export class AnimatedRegion extends RNAnimated.AnimatedWithChildren {
+    latitude: RNAnimated.Value;
+    longitude: RNAnimated.Value;
+    latitudeDelta: RNAnimated.Value;
+    longitudeDelta: RNAnimated.Value;
 
     constructor(region?: Region);
 
@@ -302,6 +302,7 @@ declare module 'react-native-maps' {
   }
 
   export default class MapView extends React.Component<MapViewProps, any> {
+    private __lastRegion?: Region;
     getCamera(): Promise<Camera>;
     setCamera(camera: Partial<Camera>): void;
     animateCamera(camera: Partial<Camera>, opts?: { duration?: number }): void;
@@ -628,6 +629,8 @@ declare module 'react-native-maps' {
     MUTEDSTANDARD: MapTypes;
   };
 
+  export const enableLatestRenderer: () => Promise<'LATEST' | 'LEGACY'> | void;
+
   export const PROVIDER_DEFAULT: null;
   export const PROVIDER_GOOGLE: 'google';
 }

package/index.js

@@ -2,6 +2,7 @@ import MapView, {
   Animated,
   MAP_TYPES,
   ProviderPropType,
+  enableLatestRenderer,
 } from './lib/components/MapView';
 import Marker from './lib/components/MapMarker.js';
 import Overlay from './lib/components/MapOverlay.js';
@@ -19,7 +20,7 @@ export { default as AnimatedRegion } from './lib/components/AnimatedRegion.js';
 export { default as Geojson } from './lib/components/Geojson.js';
 
 export { Marker, Overlay };
-export { Animated, MAP_TYPES, ProviderPropType };
+export { Animated, MAP_TYPES, ProviderPropType, enableLatestRenderer };
 
 export const PROVIDER_GOOGLE = MapView.PROVIDER_GOOGLE;
 export const PROVIDER_DEFAULT = MapView.PROVIDER_DEFAULT;

package/lib/android/build.gradle

@@ -17,7 +17,7 @@ android {
 }
 
 dependencies {
-  def work_version = "2.5.0"
+  def work_version = safeExtGet('targetSdkVersion', 27) < 31 ? "2.5.0" : "2.7.1"
   def supportLibVersion = safeExtGet('supportLibVersion', '28.0.0')
   def supportLibMajorVersion = supportLibVersion.split('\\.')[0] as int
   def appCompatLibName =  (supportLibMajorVersion < 20) ? "androidx.appcompat:appcompat" : "com.android.support:appcompat-v7"
@@ -25,9 +25,9 @@ dependencies {
   implementation('com.facebook.react:react-native:+') {
     exclude group: 'com.android.support'
   }
-  implementation "com.google.android.gms:play-services-base:${safeExtGet('playServicesVersion', '17.0.0')}"
-  implementation "com.google.android.gms:play-services-maps:${safeExtGet('playServicesVersion', '17.0.0')}"
-  implementation "com.google.android.gms:play-services-location:17.0.0"
+  implementation "com.google.android.gms:play-services-base:${safeExtGet('playServicesVersion', '18.0.1')}"
+  implementation "com.google.android.gms:play-services-maps:${safeExtGet('playServicesVersion', '18.0.2')}"
+  implementation "com.google.android.gms:play-services-location:19.0.1"
   implementation 'com.google.maps.android:android-maps-utils:0.5'
   implementation "androidx.work:work-runtime:$work_version"
 }

package/lib/android/src/main/java/com/airbnb/android/react/maps/AirMapModule.java

@@ -8,6 +8,7 @@ import android.location.Geocoder;
 import android.net.Uri;
 import android.util.Base64;
 import android.util.DisplayMetrics;
+import android.util.Log;
 
 import com.facebook.react.bridge.Promise;
 import com.facebook.react.bridge.ReactApplicationContext;
@@ -21,6 +22,7 @@ import com.facebook.react.uimanager.NativeViewHierarchyManager;
 import com.facebook.react.uimanager.UIBlock;
 import com.facebook.react.uimanager.UIManagerModule;
 import com.google.android.gms.maps.GoogleMap;
+import com.google.android.gms.maps.MapsInitializer;
 import com.google.android.gms.maps.model.CameraPosition;
 import com.google.android.gms.maps.model.LatLng;
 
@@ -352,4 +354,22 @@ public class AirMapModule extends ReactContextBaseJavaModule {
       }
     });
   }
+
+  @ReactMethod
+  public void enableLatestRenderer(final Promise promise) {
+    final ReactApplicationContext context = getReactApplicationContext();
+
+    UIManagerModule uiManager = context.getNativeModule(UIManagerModule.class);
+    uiManager.addUIBlock(new UIBlock()
+    {
+      @Override
+      public void execute(NativeViewHierarchyManager nvhm)
+      {
+        MapsInitializer.initialize(context, MapsInitializer.Renderer.LATEST, (MapsInitializer.Renderer renderer) -> {
+          Log.d("AirMapRenderer", renderer.toString());
+          promise.resolve(renderer.toString());
+        });
+      }
+    });
+  }
 }

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

@@ -91,6 +91,7 @@ public class AirMapView extends MapView implements GoogleMap.InfoWindowAdapter,
   private boolean handlePanDrag = false;
   private boolean moveOnMarkerPress = true;
   private boolean cacheEnabled = false;
+  private ReadableMap initialRegion;
   private boolean initialRegionSet = false;
   private boolean initialCameraSet = false;
   private LatLngBounds cameraLastIdleBounds;
@@ -218,6 +219,10 @@ public class AirMapView extends MapView implements GoogleMap.InfoWindowAdapter,
     this.map.setOnMarkerDragListener(this);
     this.map.setOnPoiClickListener(this);
     this.map.setOnIndoorStateChangeListener(this);
+    if(initialRegion != null) {
+      setRegion(initialRegion);
+      initialRegionSet = true;
+    }
 
     manager.pushEvent(context, this, "onMapReady", new WritableNativeMap());
 
@@ -395,7 +400,7 @@ public class AirMapView extends MapView implements GoogleMap.InfoWindowAdapter,
     lifecycleListener = new LifecycleEventListener() {
       @Override
       public void onHostResume() {
-        if (hasPermissions()) {
+        if (hasPermissions() && map != null) {
           //noinspection MissingPermission
           map.setMyLocationEnabled(showUserLocation);
           map.setLocationSource(fusedLocationSource);
@@ -410,7 +415,7 @@ public class AirMapView extends MapView implements GoogleMap.InfoWindowAdapter,
 
       @Override
       public void onHostPause() {
-        if (hasPermissions()) {
+        if (hasPermissions() && map != null) {
           //noinspection MissingPermission
           map.setMyLocationEnabled(false);
         }
@@ -458,7 +463,10 @@ public class AirMapView extends MapView implements GoogleMap.InfoWindowAdapter,
   }
 
   public void setInitialRegion(ReadableMap initialRegion) {
-    if (!initialRegionSet && initialRegion != null) {
+    this.initialRegion = initialRegion;
+    // Theoretically onMapReady might be called before setInitialRegion
+    // In that case, trigger setRegion manually
+    if (!initialRegionSet && map != null) {
       setRegion(initialRegion);
       initialRegionSet = true;
     }
@@ -1011,7 +1019,9 @@ public class AirMapView extends MapView implements GoogleMap.InfoWindowAdapter,
 
     int X = (int)ev.getX();          
     int Y = (int)ev.getY();
-    tapLocation = map.getProjection().fromScreenLocation(new Point(X,Y));
+    if(map != null) {
+      tapLocation = map.getProjection().fromScreenLocation(new Point(X,Y));
+    }
 
     int action = MotionEventCompat.getActionMasked(ev);
 

package/lib/components/AnimatedRegion.js

@@ -27,9 +27,12 @@ const defaultValues = {
 let _uniqueId = 1;
 
 const getAnimatedValue = (valueIn, fallback) => {
-  return valueIn instanceof Animated.Value
-    ? valueIn
-    : new Animated.Value(fallback);
+  if (valueIn instanceof Animated.Value) {
+    return valueIn;
+  } else if (typeof valueIn === 'number') {
+    return new Animated.Value(valueIn);
+  }
+  return new Animated.Value(fallback);
 };
 
 export default class AnimatedMapRegion extends AnimatedWithChildren {

package/lib/components/Geojson.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import Marker from './MapMarker';
 import Polyline from './MapPolyline';
 import Polygon from './MapPolygon';
-import { ColorPropType } from 'react-native';
+import { ColorPropType } from 'deprecated-react-native-prop-types';
 
 const propTypes = {
   /**
@@ -43,7 +43,7 @@ const propTypes = {
    * Make the `Polygon` or `Polyline` tappable
    *
    */
-  tappable: PropTypes.boolean,
+  tappable: PropTypes.bool,
 
   /**
    * An array of numbers specifying the dash pattern to use for the path.

package/lib/components/MapCallout.js

@@ -1,16 +1,14 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import { StyleSheet, ViewPropTypes, View } from 'react-native';
+import { StyleSheet } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 import decorateMapComponent, {
   SUPPORTED,
   USES_DEFAULT_IMPLEMENTATION,
 } from './decorateMapComponent';
 
-// if ViewPropTypes is not defined fall back to View.propType (to support RN < 0.44)
-const viewPropTypes = ViewPropTypes || View.propTypes;
-
 const propTypes = {
-  ...viewPropTypes,
+  ...ViewPropTypes,
   tooltip: PropTypes.bool,
   onPress: PropTypes.func,
   alphaHitTest: PropTypes.bool,

package/lib/components/MapCalloutSubview.js

@@ -1,16 +1,14 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import { StyleSheet, ViewPropTypes, View } from 'react-native';
+import { StyleSheet } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 import decorateMapComponent, {
   SUPPORTED,
   NOT_SUPPORTED,
 } from './decorateMapComponent';
 
-// if ViewPropTypes is not defined fall back to View.propType (to support RN < 0.44)
-const viewPropTypes = ViewPropTypes || View.propTypes;
-
 const propTypes = {
-  ...viewPropTypes,
+  ...ViewPropTypes,
   onPress: PropTypes.func,
 };
 

package/lib/components/MapCircle.js

@@ -1,16 +1,16 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import { ColorPropType, ViewPropTypes, View } from 'react-native';
+import {
+  ColorPropType,
+  ViewPropTypes,
+} from 'deprecated-react-native-prop-types';
 import decorateMapComponent, {
   USES_DEFAULT_IMPLEMENTATION,
   SUPPORTED,
 } from './decorateMapComponent';
 
-// if ViewPropTypes is not defined fall back to View.propType (to support RN < 0.44)
-const viewPropTypes = ViewPropTypes || View.propTypes;
-
 const propTypes = {
-  ...viewPropTypes,
+  ...ViewPropTypes,
 
   /**
    * The coordinate of the center of the circle

package/lib/components/MapHeatmap.js

@@ -1,16 +1,14 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import { ViewPropTypes, View, processColor } from 'react-native';
+import { processColor } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 import decorateMapComponent, {
   SUPPORTED,
   USES_DEFAULT_IMPLEMENTATION,
 } from './decorateMapComponent';
 
-// if ViewPropTypes is not defined fall back to View.propType (to support RN < 0.44)
-const viewPropTypes = ViewPropTypes || View.propTypes;
-
 const propTypes = {
-  ...viewPropTypes,
+  ...ViewPropTypes,
 
   /**
    * Array of heatmap entries to apply towards density.

package/lib/components/MapLocalTile.js

@@ -1,18 +1,14 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-
-import { ViewPropTypes, View } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 
 import decorateMapComponent, {
   USES_DEFAULT_IMPLEMENTATION,
   SUPPORTED,
 } from './decorateMapComponent';
 
-// if ViewPropTypes is not defined fall back to View.propType (to support RN < 0.44)
-const viewPropTypes = ViewPropTypes || View.propTypes;
-
 const propTypes = {
-  ...viewPropTypes,
+  ...ViewPropTypes,
 
   /**
    * The path template of the local tile source.

package/lib/components/MapMarker.js

@@ -1,16 +1,17 @@
 import PropTypes from 'prop-types';
 import React from 'react';
 import {
-  ColorPropType,
   StyleSheet,
   Platform,
   NativeModules,
   Animated,
   Image,
   findNodeHandle,
-  ViewPropTypes,
-  View,
 } from 'react-native';
+import {
+  ColorPropType,
+  ViewPropTypes,
+} from 'deprecated-react-native-prop-types';
 
 import decorateMapComponent, {
   SUPPORTED,
@@ -24,11 +25,8 @@ const viewConfig = {
   },
 };
 
-// if ViewPropTypes is not defined fall back to View.propType (to support RN < 0.44)
-const viewPropTypes = ViewPropTypes || View.propTypes;
-
 const propTypes = {
-  ...viewPropTypes,
+  ...ViewPropTypes,
 
   // TODO(lmr): get rid of these?
   identifier: PropTypes.string,

package/lib/components/MapOverlay.js

@@ -1,6 +1,7 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { View, StyleSheet, Image, Animated } from 'react-native';
+import { StyleSheet, Image, Animated } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 
 import decorateMapComponent, {
   SUPPORTED,
@@ -15,7 +16,7 @@ const viewConfig = {
 };
 
 const propTypes = {
-  ...View.propTypes,
+  ...ViewPropTypes,
   // A custom image to be used as overlay.
   image: PropTypes.any.isRequired,
   // Top left and bottom right coordinates for the overlay

package/lib/components/MapPolygon.js

@@ -1,17 +1,17 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import { ColorPropType, ViewPropTypes, View } from 'react-native';
+import {
+  ColorPropType,
+  ViewPropTypes,
+} from 'deprecated-react-native-prop-types';
 import decorateMapComponent, {
   USES_DEFAULT_IMPLEMENTATION,
   SUPPORTED,
 } from './decorateMapComponent';
 import * as ProviderConstants from './ProviderConstants';
 
-// if ViewPropTypes is not defined fall back to View.propType (to support RN < 0.44)
-const viewPropTypes = ViewPropTypes || View.propTypes;
-
 const propTypes = {
-  ...viewPropTypes,
+  ...ViewPropTypes,
 
   /**
    * An array of coordinates to describe the polygon

package/lib/components/MapPolyline.js

@@ -1,16 +1,16 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import { ColorPropType, ViewPropTypes, View } from 'react-native';
+import {
+  ColorPropType,
+  ViewPropTypes,
+} from 'deprecated-react-native-prop-types';
 import decorateMapComponent, {
   USES_DEFAULT_IMPLEMENTATION,
   SUPPORTED,
 } from './decorateMapComponent';
 
-// if ViewPropTypes is not defined fall back to View.propType (to support RN < 0.44)
-const viewPropTypes = ViewPropTypes || View.propTypes;
-
 const propTypes = {
-  ...viewPropTypes,
+  ...ViewPropTypes,
 
   /**
    * An array of coordinates to describe the polygon
@@ -98,7 +98,6 @@ const propTypes = {
    * points on the Earth's surface. The geodesic curve is constructed assuming the Earth is
    * a sphere.
    *
-   * @platform android
    */
   geodesic: PropTypes.bool,
 

package/lib/components/MapUrlTile.js

@@ -1,18 +1,14 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-
-import { ViewPropTypes, View } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 
 import decorateMapComponent, {
   USES_DEFAULT_IMPLEMENTATION,
   SUPPORTED,
 } from './decorateMapComponent';
 
-// if ViewPropTypes is not defined fall back to View.propType (to support RN < 0.44)
-const viewPropTypes = ViewPropTypes || View.propTypes;
-
 const propTypes = {
-  ...viewPropTypes,
+  ...ViewPropTypes,
 
   /**
    * The url template of the tile server. The patterns {x} {y} {z} will be replaced at runtime

package/lib/components/MapView.js

@@ -1,17 +1,18 @@
 import PropTypes from 'prop-types';
 import React from 'react';
 import {
-  EdgeInsetsPropType,
-  PointPropType,
   Platform,
   Animated as RNAnimated,
   requireNativeComponent,
   NativeModules,
-  ColorPropType,
   findNodeHandle,
-  ViewPropTypes,
-  View,
 } from 'react-native';
+import {
+  EdgeInsetsPropType,
+  PointPropType,
+  ColorPropType,
+  ViewPropTypes,
+} from 'deprecated-react-native-prop-types';
 import MapMarker from './MapMarker';
 import MapPolyline from './MapPolyline';
 import MapPolygon from './MapPolygon';
@@ -65,11 +66,8 @@ const CameraShape = PropTypes.shape({
   zoom: PropTypes.number.isRequired,
 });
 
-// if ViewPropTypes is not defined fall back to View.propType (to support RN < 0.44)
-const viewPropTypes = ViewPropTypes || View.propTypes;
-
 const propTypes = {
-  ...viewPropTypes,
+  ...ViewPropTypes,
   /**
    * When provider is "google", we will use GoogleMaps.
    * Any value other than "google" will default to using
@@ -81,7 +79,7 @@ const propTypes = {
    * Used to style and layout the `MapView`.  See `StyleSheet.js` and
    * `ViewStylePropTypes.js` for more info.
    */
-  style: viewPropTypes.style,
+  style: ViewPropTypes.style,
 
   /**
    * A json object that describes the style of the map. This is transformed to a string
@@ -1026,12 +1024,14 @@ class MapView extends React.Component {
       ) {
         props.mapType = MAP_TYPES.standard;
       }
-      props.handlePanDrag = !!props.onPanDrag;
+      if (props.onPanDrag) {
+        props.handlePanDrag = !!props.onPanDrag;
+      }
     } else {
       props = {
         style: this.props.style,
         region: null,
-        initialRegion: null,
+        initialRegion: this.props.initialRegion || null,
         onMarkerPress: this._onMarkerPress,
         onChange: this._onChange,
         onMapReady: this._onMapReady,
@@ -1119,6 +1119,13 @@ if (!NativeModules.UIManager.getViewManagerConfig) {
 
 export const Animated = RNAnimated.createAnimatedComponent(MapView);
 
+export const enableLatestRenderer = () => {
+  if (Platform.OS !== 'android') {
+    return;
+  }
+  return NativeModules.AirMapModule.enableLatestRenderer();
+};
+
 export const ProviderPropType = PropTypes.oneOf(
   Object.values(ProviderConstants)
 );

package/lib/components/MapWMSTile.js

@@ -1,18 +1,14 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-
-import { ViewPropTypes, View } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 
 import decorateMapComponent, {
   USES_DEFAULT_IMPLEMENTATION,
   SUPPORTED,
 } from './decorateMapComponent';
 
-// if ViewPropTypes is not defined fall back to View.propType (to support RN < 0.44)
-const viewPropTypes = ViewPropTypes || View.propTypes;
-
 const propTypes = {
-  ...viewPropTypes,
+  ...ViewPropTypes,
 
   /**
    * The url template of the tile server. The patterns {minX} {maxX} {minY} {maxY} {width} {height}

package/lib/ios/AirMaps/AIRMapManager.m

@@ -778,8 +778,13 @@ 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)
+                   }
                    };
         nearestPolyline.onPress(event);
     }
@@ -1045,7 +1050,11 @@ static int kDragCenterContext;
 
 - (void)mapView:(AIRMap *)mapView regionWillChangeAnimated:(__unused BOOL)animated
 {
-    [self _regionChanged: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:)];
     
@@ -1064,7 +1073,11 @@ static int kDragCenterContext;
     [mapView.regionChangeObserveTimer invalidate];
     mapView.regionChangeObserveTimer = nil;
 
-    [self _regionChanged: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];
+    }
 
     if (zoomLevel < mapView.minZoomLevel) {
       [self setCenterCoordinate:[mapView centerCoordinate] zoomLevel:mapView.minZoomLevel animated:TRUE mapView:mapView];

package/lib/ios/AirMaps/AIRMapPolyline.h

@@ -32,6 +32,7 @@
 @property (nonatomic, assign) CGLineJoin lineJoin;
 @property (nonatomic, assign) CGFloat lineDashPhase;
 @property (nonatomic, strong) NSArray <NSNumber *> *lineDashPattern;
+@property (nonatomic, assign) BOOL geodesic;
 @property (nonatomic, copy) RCTBubblingEventBlock onPress;
 
 #pragma mark MKOverlay protocol

package/lib/ios/AirMaps/AIRMapPolyline.m

@@ -60,6 +60,14 @@
     [self update];
 }
 
+-(void)setGeodesic:(BOOL)geodesic
+{
+  _geodesic = geodesic;
+    if(_coordinates){
+        [self setCoordinates:_coordinates];
+    }
+}
+
 - (void)setCoordinates:(NSArray<AIRMapCoordinate *> *)coordinates {
     _coordinates = coordinates;
     CLLocationCoordinate2D coords[coordinates.count];
@@ -67,7 +75,12 @@
     {
         coords[i] = coordinates[i].coordinate;
     }
-    self.polyline = [MKPolyline polylineWithCoordinates:coords count:coordinates.count];
+    if(_geodesic){
+        self.polyline = [MKGeodesicPolyline polylineWithCoordinates:coords count:coordinates.count];
+    } else {
+        self.polyline = [MKPolyline polylineWithCoordinates:coords count:coordinates.count];
+    }
+        
     self.renderer = [self createRenderer];
     [self update];
 }

package/lib/ios/AirMaps/AIRMapPolylineManager.m

@@ -42,6 +42,7 @@ RCT_EXPORT_VIEW_PROPERTY(lineJoin, CGLineJoin)
 RCT_EXPORT_VIEW_PROPERTY(miterLimit, CGFloat)
 RCT_EXPORT_VIEW_PROPERTY(lineDashPhase, CGFloat)
 RCT_EXPORT_VIEW_PROPERTY(lineDashPattern, NSArray)
+RCT_EXPORT_VIEW_PROPERTY(geodesic, BOOL)
 RCT_EXPORT_VIEW_PROPERTY(onPress, RCTBubblingEventBlock)
 
 @end