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

package/src/MapCircle.js

@@ -1,150 +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,
-
-  /**
-   * The coordinate of the center of the circle
-   */
-  center: PropTypes.shape({
-    /**
-     * Coordinates for the center of the circle.
-     */
-    latitude: PropTypes.number.isRequired,
-    longitude: PropTypes.number.isRequired,
-  }).isRequired,
-
-  /**
-   * The radius of the circle to be drawn (in meters)
-   */
-  radius: PropTypes.number.isRequired,
-
-  /**
-   * Callback that is called when the user presses on the circle
-   */
-  onPress: PropTypes.func,
-
-  /**
-   * 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,
-
-  /**
-   * 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 MapCircle extends React.Component {
-  setNativeProps(props) {
-    this.circle.setNativeProps(props);
-  }
-
-  render() {
-    const AIRMapCircle = this.getAirComponent();
-    return (
-      <AIRMapCircle
-        {...this.props}
-        ref={(ref) => {
-          this.circle = ref;
-        }}
-      />
-    );
-  }
-}
-
-MapCircle.propTypes = propTypes;
-MapCircle.defaultProps = defaultProps;
-
-export default decorateMapComponent(MapCircle, {
-  componentType: 'Circle',
-  providers: {
-    google: {
-      ios: SUPPORTED,
-      android: USES_DEFAULT_IMPLEMENTATION,
-    },
-  },
-});

package/src/MapHeatmap.js

@@ -1,99 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import { processColor } from 'react-native';
-import { ViewPropTypes } from 'deprecated-react-native-prop-types';
-import decorateMapComponent, {
-  SUPPORTED,
-  USES_DEFAULT_IMPLEMENTATION,
-} from './decorateMapComponent';
-
-const propTypes = {
-  ...ViewPropTypes,
-
-  /**
-   * Array of heatmap entries to apply towards density.
-   */
-  points: PropTypes.arrayOf(
-    PropTypes.shape({
-      /**
-       * Latitude/Longitude coordinates
-       */
-      latitude: PropTypes.number.isRequired,
-      longitude: PropTypes.number.isRequired,
-      weight: PropTypes.number,
-    })
-  ),
-
-  /**
-   * The radius of the heatmap points in pixels, between 10 and 50
-   * (default 20).
-   */
-  radius: PropTypes.number,
-
-  /**
-   * The opacity of the heatmap (default 0.7).
-   */
-  opacity: PropTypes.number,
-
-  /**
-   * Heatmap gradient configuration.
-   */
-  gradient: PropTypes.shape({
-    /**
-     * Colors (one or more) to use for gradient.
-     */
-    colors: PropTypes.arrayOf(PropTypes.string),
-    /**
-     * Array of floating point values from 0 to 1 representing
-     * where each color starts.
-     */
-    startPoints: PropTypes.arrayOf(PropTypes.number),
-    /**
-     * Resolution of color map -- number corresponding to the
-     * number of steps colors are interpolated into (default 256).
-     */
-    colorMapSize: PropTypes.number,
-  }),
-};
-
-const defaultProps = {
-  strokeColor: '#000',
-  strokeWidth: 1,
-};
-
-class MapHeatmap extends React.Component {
-  setNativeProps(props) {
-    this.heatmap.setNativeProps(props);
-  }
-
-  render() {
-    const AIRMapHeatmap = this.getAirComponent();
-    let gradient;
-    if (this.props.gradient) {
-      gradient = Object.assign({}, this.props.gradient);
-      gradient.colors = gradient.colors.map((c) => processColor(c));
-    }
-    return (
-      <AIRMapHeatmap
-        {...this.props}
-        gradient={gradient}
-        ref={(ref) => {
-          this.heatmap = ref;
-        }}
-      />
-    );
-  }
-}
-
-MapHeatmap.propTypes = propTypes;
-MapHeatmap.defaultProps = defaultProps;
-
-export default decorateMapComponent(MapHeatmap, {
-  componentType: 'Heatmap',
-  providers: {
-    google: {
-      ios: SUPPORTED,
-      android: USES_DEFAULT_IMPLEMENTATION,
-    },
-  },
-});

package/src/MapLocalTile.js

@@ -1,52 +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 path template of the local tile source.
-   * The patterns {x} {y} {z} will be replaced at runtime,
-   * for example, /storage/emulated/0/tiles/{z}/{x}/{y}.png.
-   */
-  pathTemplate: 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,
-
-  /**
-   * Size of tile images.
-   */
-  tileSize: PropTypes.number,
-};
-
-class MapLocalTile extends React.Component {
-  render() {
-    const AIRMapLocalTile = this.getAirComponent();
-    return <AIRMapLocalTile {...this.props} />;
-  }
-}
-
-MapLocalTile.propTypes = propTypes;
-
-export default decorateMapComponent(MapLocalTile, {
-  componentType: 'LocalTile',
-  providers: {
-    google: {
-      ios: SUPPORTED,
-      android: USES_DEFAULT_IMPLEMENTATION,
-    },
-  },
-});

package/src/MapMarker.js

@@ -1,377 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import {
-  StyleSheet,
-  Platform,
-  NativeModules,
-  Animated,
-  Image,
-  findNodeHandle,
-} from 'react-native';
-import {
-  ColorPropType,
-  ViewPropTypes,
-} from 'deprecated-react-native-prop-types';
-
-import decorateMapComponent, {
-  SUPPORTED,
-  USES_DEFAULT_IMPLEMENTATION,
-} from './decorateMapComponent';
-
-const viewConfig = {
-  uiViewClassName: 'AIR<provider>MapMarker',
-  validAttributes: {
-    coordinate: true,
-  },
-};
-
-const propTypes = {
-  ...ViewPropTypes,
-
-  // TODO(lmr): get rid of these?
-  identifier: PropTypes.string,
-  reuseIdentifier: PropTypes.string,
-
-  /**
-   * The title of the marker. This is only used if the <Marker /> component has no children that
-   * are a `<Callout />`, in which case the default callout behavior will be used, which
-   * will show both the `title` and the `description`, if provided.
-   */
-  title: PropTypes.string,
-
-  /**
-   * The description of the marker. This is only used if the <Marker /> component has no children
-   * that are a `<Callout />`, in which case the default callout behavior will be used,
-   * which will show both the `title` and the `description`, if provided.
-   */
-  description: PropTypes.string,
-
-  /**
-   * Test ID for end to end test automation
-   */
-  testID: PropTypes.string,
-
-  /**
-   * A custom image to be used as the marker's icon. Only local image resources are allowed to be
-   * used.
-   */
-  image: PropTypes.any,
-
-  /**
-   * Marker icon to render (equivalent to `icon` property of GMSMarker Class).
-   * Using this property has an advantage over `image` in term of performance, battery usage...
-   * because it doesn't trigger tracksViewChanges.
-   * (tracksViewChanges is set to YES by default if iconView is not nil).
-   */
-  icon: PropTypes.any,
-
-  /**
-   * Opacity level of view/image based markers
-   */
-  opacity: PropTypes.number,
-
-  /**
-   * If no custom marker view or custom image is provided, the platform default pin will be used,
-   * which can be customized by this color. Ignored if a custom marker is being used.
-   */
-  pinColor: ColorPropType,
-
-  /**
-   * When true, the marker will be pre-selected. Setting this to true allows the user to
-   * drag the marker without needing to tap on it once to focus on it.
-   */
-  isPreselected: PropTypes.bool,
-
-  /**
-   * The coordinate for the marker.
-   */
-  coordinate: PropTypes.shape({
-    /**
-     * Coordinates for the anchor point of the marker.
-     */
-    latitude: PropTypes.number.isRequired,
-    longitude: PropTypes.number.isRequired,
-  }).isRequired,
-
-  /**
-   * The offset (in points) at which to display the view.
-   *
-   * By default, the center point of an annotation view is placed at the coordinate point of the
-   * associated annotation. You can use this property to reposition the annotation view as
-   * needed. This x and y offset values are measured in points. Positive offset values move the
-   * annotation view down and to the right, while negative values move it up and to the left.
-   *
-   * For android, see the `anchor` prop.
-   *
-   * @platform ios
-   */
-  centerOffset: PropTypes.shape({
-    /**
-     * Offset from the anchor point
-     */
-    x: PropTypes.number.isRequired,
-    y: PropTypes.number.isRequired,
-  }),
-
-  /**
-   * The offset (in points) at which to place the callout bubble.
-   *
-   * This property determines the additional distance by which to move the callout bubble. When
-   * this property is set to (0, 0), the anchor point of the callout bubble is placed on the
-   * top-center point of the marker view’s frame. Specifying positive offset values moves the
-   * callout bubble down and to the right, while specifying negative values moves it up and to
-   * the left.
-   *
-   * For android, see the `calloutAnchor` prop.
-   *
-   * @platform ios
-   */
-  calloutOffset: PropTypes.shape({
-    /**
-     * Offset to the callout
-     */
-    x: PropTypes.number.isRequired,
-    y: PropTypes.number.isRequired,
-  }),
-
-  /**
-   * 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.
-   *
-   * The anchor point is specified in the continuous space [0.0, 1.0] x [0.0, 1.0], where (0, 0)
-   * is the top-left corner of the image, and (1, 1) is the bottom-right corner. The anchoring
-   * point in a W x H image is the nearest discrete grid point in a (W + 1) x (H + 1) grid,
-   * obtained by scaling the then rounding. For example, in a 4 x 2 image, the anchor point
-   * (0.7, 0.6) resolves to the grid point at (3, 1).
-   *
-   * For ios, see the `centerOffset` prop.
-   *
-   * @platform android
-   */
-  anchor: PropTypes.shape({
-    /**
-     * Offset to the callout
-     */
-    x: PropTypes.number.isRequired,
-    y: PropTypes.number.isRequired,
-  }),
-
-  /**
-   * Specifies the point in the marker image at which to anchor the callout when it is displayed.
-   * This is specified in the same coordinate system as the anchor. See the `andor` prop for more
-   * details.
-   *
-   * The default is the top middle of the image.
-   *
-   * For ios, see the `calloutOffset` prop.
-   *
-   * @platform android
-   */
-  calloutAnchor: PropTypes.shape({
-    /**
-     * Offset to the callout
-     */
-    x: PropTypes.number.isRequired,
-    y: PropTypes.number.isRequired,
-  }),
-
-  /**
-   * Sets whether this marker should be flat against the map true or a billboard facing the
-   * camera false.
-   *
-   * @platform android
-   */
-  flat: PropTypes.bool,
-
-  draggable: PropTypes.bool,
-
-  tappable: PropTypes.bool,
-
-  /**
-   * Sets whether this marker should track view changes true.
-   */
-
-  tracksViewChanges: PropTypes.bool,
-
-  /**
-   * Sets whether this marker should track view changes in info window true.
-   *
-   * @platform ios
-   */
-
-  tracksInfoWindowChanges: PropTypes.bool,
-
-  /**
-   * Stops Marker onPress events from propagating to and triggering MapView onPress events.
-   *
-   * @platform ios
-   */
-
-  stopPropagation: PropTypes.bool,
-
-  /**
-   * Callback that is called when the user presses on the marker
-   */
-  onPress: PropTypes.func,
-
-  /**
-   * Callback that is called when the user selects the marker, before the callout is shown.
-   *
-   * @platform ios
-   */
-  onSelect: PropTypes.func,
-
-  /**
-   * Callback that is called when the marker is deselected, before the callout is hidden.
-   *
-   * @platform ios
-   */
-  onDeselect: PropTypes.func,
-
-  /**
-   * Callback that is called when the user taps the callout view.
-   */
-  onCalloutPress: PropTypes.func,
-
-  /**
-   * Callback that is called when the user initiates a drag on this marker (if it is draggable)
-   */
-  onDragStart: PropTypes.func,
-
-  /**
-   * Callback called continuously as the marker is dragged
-   */
-  onDrag: PropTypes.func,
-
-  /**
-   * Callback that is called when a drag on this marker finishes. This is usually the point you
-   * will want to setState on the marker's coordinate again
-   */
-  onDragEnd: PropTypes.func,
-};
-
-const defaultProps = {
-  stopPropagation: false,
-};
-
-class MapMarker extends React.Component {
-  constructor(props) {
-    super(props);
-
-    this.showCallout = this.showCallout.bind(this);
-    this.hideCallout = this.hideCallout.bind(this);
-    this.redrawCallout = this.redrawCallout.bind(this);
-    this.animateMarkerToCoordinate = this.animateMarkerToCoordinate.bind(this);
-  }
-
-  setNativeProps(props) {
-    this.marker.setNativeProps(props);
-  }
-
-  showCallout() {
-    this._runCommand('showCallout', []);
-  }
-
-  hideCallout() {
-    this._runCommand('hideCallout', []);
-  }
-
-  redrawCallout() {
-    this._runCommand('redrawCallout', []);
-  }
-
-  animateMarkerToCoordinate(coordinate, duration) {
-    this._runCommand('animateMarkerToCoordinate', [
-      coordinate,
-      duration || 500,
-    ]);
-  }
-
-  redraw() {
-    this._runCommand('redraw', []);
-  }
-
-  _getHandle() {
-    return findNodeHandle(this.marker);
-  }
-
-  _runCommand(name, args) {
-    switch (Platform.OS) {
-      case 'android':
-        NativeModules.UIManager.dispatchViewManagerCommand(
-          this._getHandle(),
-          this.getUIManagerCommand(name),
-          args
-        );
-        break;
-
-      case 'ios':
-        this.getMapManagerCommand(name)(this._getHandle(), ...args);
-        break;
-
-      default:
-        break;
-    }
-  }
-
-  render() {
-    let image;
-    if (this.props.image) {
-      image = Image.resolveAssetSource(this.props.image) || {};
-      image = image.uri || this.props.image;
-    }
-
-    let icon;
-    if (this.props.icon) {
-      icon = Image.resolveAssetSource(this.props.icon) || {};
-      icon = icon.uri;
-    }
-
-    const AIRMapMarker = this.getAirComponent();
-
-    return (
-      <AIRMapMarker
-        ref={(ref) => {
-          this.marker = ref;
-        }}
-        {...this.props}
-        image={image}
-        icon={icon}
-        style={[styles.marker, this.props.style]}
-        onPress={(event) => {
-          if (this.props.stopPropagation) {
-            event.stopPropagation();
-          }
-          if (this.props.onPress) {
-            this.props.onPress(event);
-          }
-        }}
-      />
-    );
-  }
-}
-
-MapMarker.propTypes = propTypes;
-MapMarker.defaultProps = defaultProps;
-MapMarker.viewConfig = viewConfig;
-
-const styles = StyleSheet.create({
-  marker: {
-    position: 'absolute',
-    backgroundColor: 'transparent',
-  },
-});
-
-MapMarker.Animated = Animated.createAnimatedComponent(MapMarker);
-
-export default decorateMapComponent(MapMarker, {
-  componentType: 'Marker',
-  providers: {
-    google: {
-      ios: SUPPORTED,
-      android: USES_DEFAULT_IMPLEMENTATION,
-    },
-  },
-});