react-native-maps 0.29.4 → 0.31.0-beta.1

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,
 
@@ -147,7 +146,7 @@ class MapPolyline extends React.Component {
     return (
       <AIRMapPolyline
         {...this.props}
-        ref={ref => {
+        ref={(ref) => {
           this.polyline = ref;
         }}
       />

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
@@ -28,12 +24,20 @@ const propTypes = {
    * @platform android
    */
   zIndex: PropTypes.number,
+
   /**
    * The maximum zoom level for this tile overlay.
    *
    */
   maximumZ: PropTypes.number,
 
+  /**
+   * (Optional) The maximum native zoom level for this tile overlay. Tiles are auto-scaled for higher
+   * zoom levels.
+   *
+   */
+  maximumNativeZ: PropTypes.number,
+
   /**
    * The minimum zoom level for this tile overlay.
    *
@@ -48,12 +52,20 @@ const propTypes = {
   shouldReplaceMapContent: PropTypes.bool,
 
   /**
-   * (Optional) Tile size for iOS only, default size is 256 * 256.
+   * (Optional) Tile size only, default size is 256 (for tiles of 256 * 256 pixels)
    *
-   * @platform ios
    */
   tileSize: PropTypes.number,
 
+  /**
+   * (Optional) 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. iOS does this automatically, even if it is not desirable always.
+   *
+   *  @platform android
+   */
+  doubleTileSize: PropTypes.bool,
+
   /**
    *
    * Allow tiles using the TMS coordinate system (origin bottom left)
@@ -61,6 +73,42 @@ const propTypes = {
    *
    */
   flipY: PropTypes.bool,
+
+  /**
+   *
+   * (Optional) Enable caching of tiles in the specified directory. Directory
+   * can be specified either as a normal path or in URL format (file://). Tiles
+   * are stored in tileCachePath directory as follows "/{z}/{x}/{y}" i.e. in
+   * sub-directories 2-levels deep, filename tile y-coordinate without any
+   * filetype-extension.
+   * NB! All cache management needs to be implemented by client e.g. deleting tiles
+   * to manage use of storage space etc.
+   *
+   */
+  tileCachePath: PropTypes.string,
+
+  /**
+   * (Optional) Defines how maximum age in seconds for cached tile before they
+   * are refreshed. NB! Refresh logic is "serve-stale-while-refresh" i.e. to
+   * ensure map availability a stale (over max age) tile is served while a tile
+   * refresh process is started in the background.
+   */
+  tileCacheMaxAge: PropTypes.number,
+
+  /**
+   * (Optional) Sets offline-mode. In offline-mode tiles are not fetched from
+   * the tile servers, rather only tiles stored in the cache directory are used.
+   * Furthermore automated tile scaling is activated: if tile at a desired zoom
+   * level is not found from the cache directory, then lower zoom level tile is
+   * used (until minimumZ) and scaled.
+   */
+  offlineMode: PropTypes.bool,
+
+  /**
+   * (Optional) Map layer opacity. Value between 0 - 1, with 0 meaning fully
+   * transparent.
+   */
+  opacity: PropTypes.number,
 };
 
 class MapUrlTile extends React.Component {

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,
@@ -1042,7 +1042,7 @@ class MapView extends React.Component {
     if (Platform.OS === 'android' && this.props.liteMode) {
       return (
         <AIRMapLite
-          ref={ref => {
+          ref={(ref) => {
             this.map = ref;
           }}
           {...props}
@@ -1054,7 +1054,7 @@ class MapView extends React.Component {
 
     return (
       <AIRMap
-        ref={ref => {
+        ref={(ref) => {
           this.map = ref;
         }}
         {...props}
@@ -1069,7 +1069,7 @@ MapView.childContextTypes = childContextTypes;
 
 MapView.MAP_TYPES = MAP_TYPES;
 
-const nativeComponent = Component =>
+const nativeComponent = (Component) =>
   requireNativeComponent(Component, MapView, {
     nativeOnly: {
       onChange: true,
@@ -1090,7 +1090,7 @@ if (Platform.OS === 'android') {
         'react-native-maps: AirGoogleMaps dir must be added to your xCode project to support GoogleMaps on iOS.'
       );
 }
-const getAirMapComponent = provider => airMaps[provider || 'default'];
+const getAirMapComponent = (provider) => airMaps[provider || 'default'];
 
 let AIRMapLite;
 if (!NativeModules.UIManager.getViewManagerConfig) {

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}
@@ -29,12 +25,20 @@ const propTypes = {
    * @platform android
    */
   zIndex: PropTypes.number,
+
   /**
    * The maximum zoom level for this tile overlay.
    *
    */
   maximumZ: PropTypes.number,
 
+  /**
+   * (Optional) The maximum native zoom level for this tile overlay. Tiles are auto-scaled for higher
+   * zoom levels.
+   *
+   */
+  maximumNativeZ: PropTypes.number,
+
   /**
    * The minimum zoom level for this tile overlay.
    *
@@ -47,15 +51,54 @@ const propTypes = {
    * @platform ios
    */
   shouldReplaceMapContent: PropTypes.bool,
+
   /**
-   * tileSize.
+   * (Optional) Tile size only, default size is 256 (for tiles of 256 * 256 pixels)
    *
    */
   tileSize: PropTypes.number,
 
   /**
-   * opacity. between 0 - 1
    *
+   * Allow tiles using the TMS coordinate system (origin bottom left)
+   * to be used, and displayed at their correct coordinates
+   *
+   */
+  flipY: PropTypes.bool,
+
+  /**
+   *
+   * (Optional) Enable caching of tiles in the specified directory. Directory
+   * can be specified either as a normal path or in URL format (file://). Tiles
+   * are stored in tileCachePath directory as follows "/{z}/{x}/{y}" i.e. in
+   * sub-directories 2-levels deep, filename tile y-coordinate without any
+   * filetype-extension.
+   * NB! All cache management needs to be implemented by client e.g. deleting tiles
+   * to manage use of storage space etc.
+   *
+   */
+  tileCachePath: PropTypes.string,
+
+  /**
+   * (Optional) Defines how maximum age in seconds for cached tile before they
+   * are refreshed. NB! Refresh logic is "serve-stale-while-refresh" i.e. to
+   * ensure map availability a stale (over max age) tile is served while a tile
+   * refresh process is started in the background.
+   */
+  tileCacheMaxAge: PropTypes.number,
+
+  /**
+   * (Optional) Sets offline-mode. In offline-mode tiles are not fetched from
+   * the tile servers, rather only tiles stored in the cache directory are used.
+   * Furthermore automated tile scaling is activated: if tile at a desired zoom
+   * level is not found from the cache directory, then lower zoom level tile is
+   * used (until minimumZ) and scaled.
+   */
+  offlineMode: PropTypes.bool,
+
+  /**
+   * (Optional) Map layer opacity. Value between 0 - 1, with 0 meaning fully
+   * transparent.
    */
   opacity: PropTypes.number,
 };

package/lib/components/decorateMapComponent.js

@@ -24,7 +24,7 @@ export const contextTypes = {
   provider: PropTypes.string,
 };
 
-export const createNotSupportedComponent = message => () => {
+export const createNotSupportedComponent = (message) => () => {
   console.error(message);
   return null;
 };

package/lib/ios/AirGoogleMaps/AIRGoogleMapMarker.h

@@ -36,6 +36,7 @@
 @property (nonatomic, assign) NSInteger zIndex;
 @property (nonatomic, assign) double opacity;
 @property (nonatomic, assign) BOOL draggable;
+@property (nonatomic, assign) BOOL tappable;
 @property (nonatomic, assign) BOOL tracksViewChanges;
 @property (nonatomic, assign) BOOL tracksInfoWindowChanges;
 

package/lib/ios/AirGoogleMaps/AIRGoogleMapMarker.m

@@ -391,6 +391,14 @@ CGRect unionRect(CGRect a, CGRect b) {
   return _realMarker.draggable;
 }
 
+- (void)setTappable:(BOOL)tappable {
+  _realMarker.tappable = tappable;
+}
+
+- (BOOL)tappable {
+  return _realMarker.tappable;
+}
+
 - (void)setFlat:(BOOL)flat {
   _realMarker.flat = flat;
 }

package/lib/ios/AirGoogleMaps/AIRGoogleMapMarkerManager.m

@@ -44,6 +44,7 @@ RCT_EXPORT_VIEW_PROPERTY(anchor, CGPoint)
 RCT_EXPORT_VIEW_PROPERTY(calloutAnchor, CGPoint)
 RCT_EXPORT_VIEW_PROPERTY(zIndex, NSInteger)
 RCT_EXPORT_VIEW_PROPERTY(draggable, BOOL)
+RCT_EXPORT_VIEW_PROPERTY(tappable, BOOL)
 RCT_EXPORT_VIEW_PROPERTY(flat, BOOL)
 RCT_EXPORT_VIEW_PROPERTY(tracksViewChanges, BOOL)
 RCT_EXPORT_VIEW_PROPERTY(tracksInfoWindowChanges, BOOL)

package/lib/ios/AirMaps/AIRMapManager.m

@@ -734,7 +734,11 @@ RCT_EXPORT_METHOD(getAddressFromCoordinates:(nonnull NSNumber *)reactTag
                 if (CGPathContainsPoint(mpr, NULL, mapPointAsCGP, FALSE)) {
                     id event = @{
                                 @"action": @"polygon-press",
-                                };
+                                @"coordinate": @{
+                                    @"latitude": @(tapCoordinate.latitude),
+                                    @"longitude": @(tapCoordinate.longitude),
+                                },
+                            };
                     polygon.onPress(event);
                 }
 
@@ -774,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);
     }
@@ -1018,6 +1027,7 @@ static int kDragCenterContext;
                          @"accuracy": @(location.location.horizontalAccuracy),
                          @"altitudeAccuracy": @(location.location.verticalAccuracy),
                          @"speed": @(location.location.speed),
+                         @"heading": @(location.location.course),
                          }
                  };
     
@@ -1040,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:)];
     
@@ -1059,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/AIRMapMarkerManager.m

@@ -45,6 +45,7 @@ RCT_EXPORT_VIEW_PROPERTY(pinColor, UIColor)
 RCT_EXPORT_VIEW_PROPERTY(draggable, BOOL)
 RCT_EXPORT_VIEW_PROPERTY(zIndex, NSInteger)
 RCT_EXPORT_VIEW_PROPERTY(opacity, double)
+RCT_EXPORT_VIEW_PROPERTY(isPreselected, BOOL)
 
 RCT_EXPORT_VIEW_PROPERTY(onPress, RCTBubblingEventBlock)
 RCT_EXPORT_VIEW_PROPERTY(onSelect, RCTDirectEventBlock)

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

package/lib/ios/AirMaps/AIRMapUrlTile.h

@@ -15,19 +15,37 @@
 #import "AIRMapCoordinate.h"
 #import "AIRMap.h"
 #import "RCTConvert+AirMap.h"
-
-@interface AIRMapUrlTile : MKAnnotationView <MKOverlay>
+#import "AIRMapUrlTileCachedOverlay.h"
+
+@interface AIRMapUrlTile : MKAnnotationView <MKOverlay> {
+	BOOL _urlTemplateSet;
+	BOOL _tileSizeSet;
+	BOOL _flipYSet;
+	BOOL _tileCachePathSet;
+	BOOL _tileCacheMaxAgeSet;
+	BOOL _maximumNativeZSet;
+	BOOL _cachedOverlayCreated;
+	BOOL _opacitySet;
+}
 
 @property (nonatomic, weak) AIRMap *map;
 
-@property (nonatomic, strong) MKTileOverlay *tileOverlay;
+@property (nonatomic, strong) AIRMapUrlTileCachedOverlay *tileOverlay;
 @property (nonatomic, strong) MKTileOverlayRenderer *renderer;
 @property (nonatomic, copy) NSString *urlTemplate;
 @property NSInteger maximumZ;
+@property NSInteger maximumNativeZ;
 @property NSInteger minimumZ;
 @property BOOL flipY;
 @property BOOL shouldReplaceMapContent;
-@property CGFloat tileSize;
+@property NSInteger tileSize;
+@property (nonatomic, copy) NSString *tileCachePath;
+@property NSInteger tileCacheMaxAge;
+@property BOOL offlineMode;
+@property CGFloat opacity;
+
+- (void)updateProperties;
+- (void)update;
 
 #pragma mark MKOverlay protocol