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

package/src/MapOverlay.js

@@ -1,86 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { StyleSheet, Image, Animated } from 'react-native';
-import { ViewPropTypes } from 'deprecated-react-native-prop-types';
-
-import decorateMapComponent, {
-  SUPPORTED,
-  USES_DEFAULT_IMPLEMENTATION,
-} from './decorateMapComponent';
-
-const viewConfig = {
-  uiViewClassName: 'AIR<provider>MapOverlay',
-  validAttributes: {
-    image: true,
-  },
-};
-
-const propTypes = {
-  ...ViewPropTypes,
-  // A custom image to be used as overlay.
-  image: PropTypes.any.isRequired,
-  // Top left and bottom right coordinates for the overlay
-  bounds: PropTypes.arrayOf(PropTypes.array.isRequired).isRequired,
-  // The bearing in degrees clockwise from north.
-  bearing: PropTypes.number,
-  /* Boolean to allow an overlay to be tappable and use the
-   * onPress function
-   */
-  tappable: PropTypes.bool,
-  // Callback that is called when the user presses on the overlay
-  onPress: PropTypes.func,
-  // The opacity of the overlay.
-  opacity: PropTypes.number,
-};
-
-class MapOverlay extends Component {
-  render() {
-    let image;
-    if (this.props.image) {
-      if (
-        typeof this.props.image.startsWith === 'function' &&
-        this.props.image.startsWith('http')
-      ) {
-        image = this.props.image;
-      } else {
-        image = Image.resolveAssetSource(this.props.image) || {};
-        image = image.uri;
-      }
-    }
-
-    const AIRMapOverlay = this.getAirComponent();
-
-    return (
-      <AIRMapOverlay
-        {...this.props}
-        image={image}
-        style={[styles.overlay, this.props.style]}
-      />
-    );
-  }
-}
-
-MapOverlay.propTypes = propTypes;
-MapOverlay.viewConfig = viewConfig;
-MapOverlay.defaultProps = {
-  opacity: 1.0,
-};
-
-const styles = StyleSheet.create({
-  overlay: {
-    position: 'absolute',
-    backgroundColor: 'transparent',
-  },
-});
-
-MapOverlay.Animated = Animated.createAnimatedComponent(MapOverlay);
-
-export default decorateMapComponent(MapOverlay, {
-  componentType: 'Overlay',
-  providers: {
-    google: {
-      ios: SUPPORTED,
-      android: USES_DEFAULT_IMPLEMENTATION,
-    },
-  },
-});

package/src/MapPolygon.js

@@ -1,202 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import {
-  ColorPropType,
-  ViewPropTypes,
-} from 'deprecated-react-native-prop-types';
-import decorateMapComponent, {
-  USES_DEFAULT_IMPLEMENTATION,
-  SUPPORTED,
-} from './decorateMapComponent';
-import * as ProviderConstants from './ProviderConstants';
-
-const propTypes = {
-  ...ViewPropTypes,
-
-  /**
-   * An array of coordinates to describe the polygon
-   */
-  coordinates: PropTypes.arrayOf(
-    PropTypes.shape({
-      /**
-       * Latitude/Longitude coordinates
-       */
-      latitude: PropTypes.number.isRequired,
-      longitude: PropTypes.number.isRequired,
-    })
-  ),
-
-  /**
-   * An array of array of coordinates to describe the polygon holes
-   */
-  holes: PropTypes.arrayOf(
-    PropTypes.arrayOf(
-      PropTypes.shape({
-        /**
-         * Latitude/Longitude coordinates
-         */
-        latitude: PropTypes.number.isRequired,
-        longitude: PropTypes.number.isRequired,
-      })
-    )
-  ),
-
-  /**
-   * Callback that is called when the user presses on the polygon
-   */
-  onPress: PropTypes.func,
-
-  /**
-   * Boolean to allow a polygon to be tappable and use the
-   * onPress function
-   */
-  tappable: PropTypes.bool,
-
-  /**
-   * The stroke width to use for the path.
-   */
-  strokeWidth: PropTypes.number,
-
-  /**
-   * The stroke color to use for the path.
-   */
-  strokeColor: ColorPropType,
-
-  /**
-   * The fill color to use for the path.
-   */
-  fillColor: ColorPropType,
-
-  /**
-   * The order in which this tile overlay is drawn with respect to other overlays. An overlay
-   * with a larger z-index is drawn over overlays with smaller z-indices. The order of overlays
-   * with the same z-index is arbitrary. The default zIndex is 0.
-   *
-   * @platform android
-   */
-  zIndex: PropTypes.number,
-
-  /**
-   * The line cap style to apply to the open ends of the path.
-   * The default style is `round`.
-   *
-   * @platform ios
-   */
-  lineCap: PropTypes.oneOf(['butt', 'round', 'square']),
-
-  /**
-   * The line join style to apply to corners of the path.
-   * The default style is `round`.
-   *
-   * @platform ios
-   */
-  lineJoin: PropTypes.oneOf(['miter', 'round', 'bevel']),
-
-  /**
-   * The limiting value that helps avoid spikes at junctions between connected line segments.
-   * The miter limit helps you avoid spikes in paths that use the `miter` `lineJoin` style. If
-   * the ratio of the miter length—that is, the diagonal length of the miter join—to the line
-   * thickness exceeds the miter limit, the joint is converted to a bevel join. The default
-   * miter limit is 10, which results in the conversion of miters whose angle at the joint
-   * is less than 11 degrees.
-   *
-   * @platform ios
-   */
-  miterLimit: PropTypes.number,
-
-  /**
-   * Boolean to indicate whether to draw each segment of the line as a geodesic as opposed to
-   * straight lines on the Mercator projection. A geodesic is the shortest path between two
-   * points on the Earth's surface. The geodesic curve is constructed assuming the Earth is
-   * a sphere.
-   *
-   */
-  geodesic: PropTypes.bool,
-
-  /**
-   * The offset (in points) at which to start drawing the dash pattern.
-   *
-   * Use this property to start drawing a dashed line partway through a segment or gap. For
-   * example, a phase value of 6 for the patter 5-2-3-2 would cause drawing to begin in the
-   * middle of the first gap.
-   *
-   * The default value of this property is 0.
-   *
-   * @platform ios
-   */
-  lineDashPhase: PropTypes.number,
-
-  /**
-   * An array of numbers specifying the dash pattern to use for the path.
-   *
-   * The array contains one or more numbers that indicate the lengths (measured in points) of the
-   * line segments and gaps in the pattern. The values in the array alternate, starting with the
-   * first line segment length, followed by the first gap length, followed by the second line
-   * segment length, and so on.
-   *
-   * This property is set to `null` by default, which indicates no line dash pattern.
-   *
-   * @platform ios
-   */
-  lineDashPattern: PropTypes.arrayOf(PropTypes.number),
-};
-
-const defaultProps = {
-  strokeColor: '#000',
-  strokeWidth: 1,
-};
-
-class MapPolygon extends React.Component {
-  setNativeProps(props) {
-    this.polygon.setNativeProps(props);
-  }
-
-  updateNativeProps() {
-    return () => {
-      const { fillColor, strokeColor, strokeWidth } = this.props;
-      let polygonNativeProps = {};
-      if (fillColor) {
-        polygonNativeProps.fillColor = fillColor;
-      }
-      if (strokeColor) {
-        polygonNativeProps.strokeColor = strokeColor;
-      }
-      if (strokeWidth) {
-        polygonNativeProps.strokeWidth = strokeWidth;
-      }
-      if (polygonNativeProps) {
-        this.setNativeProps(polygonNativeProps);
-      }
-    };
-  }
-
-  render() {
-    const AIRMapPolygon = this.getAirComponent();
-    return (
-      <AIRMapPolygon
-        {...this.props}
-        ref={(ref) => {
-          this.polygon = ref;
-        }}
-        onLayout={
-          this.context.provider === ProviderConstants.PROVIDER_GOOGLE
-            ? this.updateNativeProps()
-            : undefined
-        }
-      />
-    );
-  }
-}
-
-MapPolygon.propTypes = propTypes;
-MapPolygon.defaultProps = defaultProps;
-
-export default decorateMapComponent(MapPolygon, {
-  componentType: 'Polygon',
-  providers: {
-    google: {
-      ios: SUPPORTED,
-      android: USES_DEFAULT_IMPLEMENTATION,
-    },
-  },
-});

package/src/MapPolyline.js

@@ -1,168 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import {
-  ColorPropType,
-  ViewPropTypes,
-} from 'deprecated-react-native-prop-types';
-import decorateMapComponent, {
-  USES_DEFAULT_IMPLEMENTATION,
-  SUPPORTED,
-} from './decorateMapComponent';
-
-const propTypes = {
-  ...ViewPropTypes,
-
-  /**
-   * An array of coordinates to describe the polygon
-   */
-  coordinates: PropTypes.arrayOf(
-    PropTypes.shape({
-      /**
-       * Latitude/Longitude coordinates
-       */
-      latitude: PropTypes.number.isRequired,
-      longitude: PropTypes.number.isRequired,
-    })
-  ),
-
-  /**
-   * Callback that is called when the user presses on the polyline
-   */
-  onPress: PropTypes.func,
-
-  /* Boolean to allow a polyline to be tappable and use the
-   * onPress function
-   */
-  tappable: PropTypes.bool,
-
-  /**
-   * The fill color to use for the path.
-   */
-  fillColor: ColorPropType,
-
-  /**
-   * The stroke width to use for the path.
-   */
-  strokeWidth: PropTypes.number,
-
-  /**
-   * The stroke color to use for the path.
-   */
-  strokeColor: ColorPropType,
-
-  /**
-   * The stroke colors to use for the path.
-   */
-  strokeColors: PropTypes.arrayOf(ColorPropType),
-
-  /**
-   * The order in which this tile overlay is drawn with respect to other overlays. An overlay
-   * with a larger z-index is drawn over overlays with smaller z-indices. The order of overlays
-   * with the same z-index is arbitrary. The default zIndex is 0.
-   *
-   * @platform android
-   */
-  zIndex: PropTypes.number,
-
-  /**
-   * The line cap style to apply to the open ends of the path.
-   * The default style is `round`.
-   *
-   * @platform ios
-   */
-  lineCap: PropTypes.oneOf(['butt', 'round', 'square']),
-
-  /**
-   * The line join style to apply to corners of the path.
-   * The default style is `round`.
-   *
-   * @platform ios
-   */
-  lineJoin: PropTypes.oneOf(['miter', 'round', 'bevel']),
-
-  /**
-   * The limiting value that helps avoid spikes at junctions between connected line segments.
-   * The miter limit helps you avoid spikes in paths that use the `miter` `lineJoin` style. If
-   * the ratio of the miter length—that is, the diagonal length of the miter join—to the line
-   * thickness exceeds the miter limit, the joint is converted to a bevel join. The default
-   * miter limit is 10, which results in the conversion of miters whose angle at the joint
-   * is less than 11 degrees.
-   *
-   * @platform ios
-   */
-  miterLimit: PropTypes.number,
-
-  /**
-   * Boolean to indicate whether to draw each segment of the line as a geodesic as opposed to
-   * straight lines on the Mercator projection. A geodesic is the shortest path between two
-   * points on the Earth's surface. The geodesic curve is constructed assuming the Earth is
-   * a sphere.
-   *
-   */
-  geodesic: PropTypes.bool,
-
-  /**
-   * The offset (in points) at which to start drawing the dash pattern.
-   *
-   * Use this property to start drawing a dashed line partway through a segment or gap. For
-   * example, a phase value of 6 for the patter 5-2-3-2 would cause drawing to begin in the
-   * middle of the first gap.
-   *
-   * The default value of this property is 0.
-   *
-   * @platform ios
-   */
-  lineDashPhase: PropTypes.number,
-
-  /**
-   * An array of numbers specifying the dash pattern to use for the path.
-   *
-   * The array contains one or more numbers that indicate the lengths (measured in points) of the
-   * line segments and gaps in the pattern. The values in the array alternate, starting with the
-   * first line segment length, followed by the first gap length, followed by the second line
-   * segment length, and so on.
-   *
-   * This property is set to `null` by default, which indicates no line dash pattern.
-   *
-   * @platform ios
-   */
-  lineDashPattern: PropTypes.arrayOf(PropTypes.number),
-};
-
-const defaultProps = {
-  strokeColor: '#000',
-  strokeWidth: 1,
-  lineJoin: 'round',
-  lineCap: 'round',
-};
-
-class MapPolyline extends React.Component {
-  setNativeProps(props) {
-    this.polyline.setNativeProps(props);
-  }
-
-  render() {
-    const AIRMapPolyline = this.getAirComponent();
-    return (
-      <AIRMapPolyline
-        {...this.props}
-        ref={(ref) => {
-          this.polyline = ref;
-        }}
-      />
-    );
-  }
-}
-
-MapPolyline.propTypes = propTypes;
-MapPolyline.defaultProps = defaultProps;
-
-export default decorateMapComponent(MapPolyline, {
-  componentType: 'Polyline',
-  providers: {
-    google: {
-      ios: SUPPORTED,
-      android: USES_DEFAULT_IMPLEMENTATION,
-    },
-  },
-});

package/src/MapUrlTile.js

@@ -1,131 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import { ViewPropTypes } from 'deprecated-react-native-prop-types';
-
-import decorateMapComponent, {
-  USES_DEFAULT_IMPLEMENTATION,
-  SUPPORTED,
-} from './decorateMapComponent';
-
-const propTypes = {
-  ...ViewPropTypes,
-
-  /**
-   * The url template of the tile server. The patterns {x} {y} {z} will be replaced at runtime
-   * For example, http://c.tile.openstreetmap.org/{z}/{x}/{y}.png
-   */
-  urlTemplate: PropTypes.string.isRequired,
-
-  /**
-   * The order in which this tile overlay is drawn with respect to other overlays. An overlay
-   * with a larger z-index is drawn over overlays with smaller z-indices. The order of overlays
-   * with the same z-index is arbitrary. The default zIndex is -1.
-   *
-   * @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.
-   *
-   */
-  minimumZ: PropTypes.number,
-
-  /**
-   * Corresponds to MKTileOverlay canReplaceMapContent.
-   *
-   * @platform ios
-   */
-  shouldReplaceMapContent: PropTypes.bool,
-
-  /**
-   * (Optional) Tile size only, default size is 256 (for tiles of 256 * 256 pixels)
-   *
-   */
-  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)
-   * 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,
-};
-
-class MapUrlTile extends React.Component {
-  render() {
-    const AIRMapUrlTile = this.getAirComponent();
-    return <AIRMapUrlTile {...this.props} />;
-  }
-}
-
-MapUrlTile.propTypes = propTypes;
-
-export default decorateMapComponent(MapUrlTile, {
-  componentType: 'UrlTile',
-  providers: {
-    google: {
-      ios: SUPPORTED,
-      android: USES_DEFAULT_IMPLEMENTATION,
-    },
-  },
-});