react-native-maps 1.21.0-alpha.96 → 1.21.0-alpha.98

package/specs/NativeComponentMapView.ts

@@ -0,0 +1,1071 @@
+import type {HostComponent, ViewProps, ColorValue} from 'react-native';
+
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';
+import {
+  Double,
+  Int32,
+  WithDefault,
+  Float,
+  DirectEventHandler,
+  BubblingEventHandler,
+} from 'react-native/Libraries/Types/CodegenTypes';
+
+export type EdgePadding = Readonly<{
+  top: Double; // Non-nullable Double for top
+  right: Double; // Non-nullable Double for right
+  bottom: Double; // Non-nullable Double for bottom
+  left: Double; // Non-nullable Double for left
+}>;
+
+export type ActionType =
+  | 'callout-press'
+  | 'press'
+  | 'marker-press'
+  | 'long-press'
+  | 'marker-deselect'
+  | 'marker-select';
+
+export type Frame = Readonly<{
+  x: Double;
+  y: Double;
+  width: Double;
+  height: Double;
+}>;
+
+export type ClickEvent = BubblingEventHandler<
+  Readonly<{
+    coordinate: {
+      latitude: Double; // Inlined LatLng
+      longitude: Double;
+    };
+    position: {
+      x: Double; // Inlined Point
+      y: Double;
+    };
+  }>
+>;
+
+export type KmlMarker = {
+  id: string; // Non-nullable string
+  title: string; // Non-nullable string
+  description: string; // Non-nullable string
+  coordinate: {
+    latitude: Double; // Inlined LatLng
+    longitude: Double;
+  }; // Non-nullable LatLng
+  position: {
+    x: Double; // Inlined Point
+    y: Double;
+  }; // Non-nullable Point
+};
+
+export type LongPressEventHandler = BubblingEventHandler<
+  Readonly<{
+    coordinate: {
+      latitude: Double; // Inlined LatLng
+      longitude: Double;
+    };
+    position: {
+      x: Double; // Inlined Point
+      y: Double;
+    };
+    action?: string;
+  }>
+>;
+
+export type MarkerDeselectEventHandler = BubblingEventHandler<
+  Readonly<{
+    action?: string;
+    id: string;
+    coordinate: {
+      latitude: Double; // Inlined LatLng
+      longitude: Double;
+    };
+  }>
+>;
+
+export type MarkerSelectEventHandler = BubblingEventHandler<
+  Readonly<{
+    action?: string;
+    id: string;
+    coordinate: {
+      latitude: Double; // Inlined LatLng
+      longitude: Double;
+    };
+  }>
+>;
+
+export type CalloutPressEvent = BubblingEventHandler<{
+  action?: string;
+
+  /**
+   * @platform iOS
+   */
+  frame?: {
+    x: Double;
+    y: Double;
+    width: Double;
+    height: Double;
+  };
+
+  /**
+   * @platform iOS
+   */
+  id?: string;
+
+  /**
+   * @platform iOS
+   */
+  point?: {
+    x: Double; // Non-nullable Double for x
+    y: Double; // Non-nullable Double for y
+  };
+
+  /**
+   * @platform Android
+   */
+  coordinate?: {
+    latitude: Double; // Non-nullable Double for latitude
+    longitude: Double; // Non-nullable Double for longitude
+  };
+
+  /**
+   * @platform Android
+   */
+  position?: {
+    x: Double; // Non-nullable Double for x
+    y: Double; // Non-nullable Double for y
+  };
+}>;
+
+export type CalloutPressEventHandler = DirectEventHandler<CalloutPressEvent>;
+
+export type Camera = Readonly<{
+  /**
+   * Apple Maps
+   */
+  altitude?: Double; // Nullable Double for altitude
+  center: LatLng; // Non-nullable center
+  heading: Double; // Non-nullable Double for heading
+  pitch: Double; // Non-nullable Double for pitch
+
+  /**
+   * Google Maps
+   */
+  zoom?: Float; // Nullable Double for zoom
+}>;
+
+export type LatLng = Readonly<{
+  latitude: Double; // Non-nullable Double for latitude
+  longitude: Double; // Non-nullable Double for longitude
+}>;
+
+export type Point = Readonly<{
+  x: Double; // Non-nullable Double for x
+  y: Double; // Non-nullable Double for y
+}>;
+
+export type Region = Readonly<
+  LatLng & {
+    latitudeDelta: Double; // Non-nullable Double for latitudeDelta
+    longitudeDelta: Double; // Non-nullable Double for longitudeDelta
+  }
+>;
+
+export type IndoorLevel = Readonly<{
+  index: Int32; // Int32 for integers
+  name: string; // Non-nullable string
+  shortName: string; // Non-nullable string
+}>;
+
+export type IndoorLevelActivatedEventHandler = DirectEventHandler<
+  Readonly<{
+    IndoorLevel: {
+      activeLevelIndex: Int32; // Int32 for integers
+      name: string; // Non-nullable string
+      shortName: string; // Non-nullable string
+    }; // Nested ActiveIndoorLevel type
+  }>
+>;
+
+export type IndoorBuilding = Readonly<{
+  underground: boolean; // Non-nullable boolean
+  activeLevelIndex: Int32; // Int32 for integers
+  levels: ReadonlyArray<IndoorLevel>; // Immutable array of IndoorLevel
+}>;
+
+export type IndoorBuildingEventHandler = DirectEventHandler<
+  Readonly<{
+    IndoorBuilding: {
+      underground: boolean; // Non-nullable boolean
+      activeLevelIndex: Int32; // Int32 for integers
+    };
+  }>
+>;
+
+export type KmlMapEventHandler = DirectEventHandler<Readonly<{}>>;
+
+export type MapLoadedEventHandler = DirectEventHandler<Readonly<{}>>;
+
+export type MapReadyEventHandler = DirectEventHandler<Readonly<{}>>;
+
+export type Details = Readonly<{
+  isGesture?: boolean; // Optional boolean for gesture detail
+}>;
+
+export type MarkerDragEventHandler = BubblingEventHandler<
+  Readonly<{
+    coordinate: {
+      latitude: Double; // Inlined LatLng
+      longitude: Double;
+    };
+    position: {
+      x: Double; // Inlined Point
+      y: Double;
+    };
+    id?: string; // Optional id for iOS
+  }>
+>;
+
+export type MarkerDragStartEndEventHandler = BubblingEventHandler<
+  Readonly<{
+    coordinate: {
+      latitude: Double; // Inlined LatLng
+      longitude: Double;
+    };
+    id?: string; // Optional id for iOS
+    position?: {
+      x: Double; // Inlined Point
+      y: Double;
+    }; // Optional position for Android
+  }>
+>;
+
+export type MarkerPressEventHandler = BubblingEventHandler<
+  Readonly<{
+    action?: string;
+    id: string;
+    coordinate: {
+      latitude: Double; // Inlined LatLng
+      longitude: Double;
+    };
+    position?: {
+      x: Double; // Inlined Point
+      y: Double;
+    }; // Optional position for Android
+  }>
+>;
+
+export type PanDragEventHandler = BubblingEventHandler<
+  Readonly<{
+    coordinate: {
+      latitude: Double; // Inlined LatLng
+      longitude: Double;
+    };
+    position: {
+      x: Double; // Inlined Point
+      y: Double;
+    };
+  }>
+>;
+
+export type PoiClickEventHandler = BubblingEventHandler<
+  Readonly<{
+    placeId: string;
+    name: string;
+    coordinate: {
+      latitude: Double; // Inlined LatLng
+      longitude: Double;
+    };
+    position?: {
+      x: Double; // Inlined Point
+      y: Double;
+    }; // Optional position for Android
+  }>
+>;
+
+export type MapPressEventHandler = BubblingEventHandler<
+  Readonly<{
+    coordinate: {
+      latitude: Double; // Inlined LatLng
+      longitude: Double;
+    };
+    position: {
+      x: Double; // Inlined Point
+      y: Double;
+    };
+    action?: string;
+  }>
+>;
+
+export type RegionChangeStartEventHandler = DirectEventHandler<Details>;
+
+export type RegionChangeEvent = Readonly<{
+  region: {
+    latitude: Double; // Non-nullable Double for latitude
+    longitude: Double;
+    latitudeDelta: Double; // Non-nullable Double for latitudeDelta
+    longitudeDelta: Double; // Non-nullable Double for longitudeDelta
+  }; // The region object
+  continuous?: boolean;
+}>;
+
+export type RegionChangeEventHandler = BubblingEventHandler<RegionChangeEvent>;
+
+export type UserLocationChangeEvent = Readonly<{
+  coordinate?: {
+    latitude: Double; // Non-nullable Double for latitude
+    longitude: Double;
+    altitude: Double; // Use Double for numeric values
+    timestamp: Double;
+    accuracy: Float;
+    speed: Float;
+    heading: Float;
+
+    /**
+     * @platform iOS
+     */
+    altitudeAccuracy?: Float; // Optional altitude accuracy
+
+    /**
+     * @platform Android
+     */
+    isFromMockProvider?: boolean; // Optional boolean for mock provider
+  };
+
+  /**
+   * @platform iOS
+   */
+  error?: Readonly<{
+    message: string; // Error message as string
+  }>;
+}>;
+
+export type UserLocationChangeEventHandler =
+  DirectEventHandler<UserLocationChangeEvent>;
+
+export type CameraZoomRange = Readonly<{
+  minCenterCoordinateDistance?: Double; // Use Double for numeric values
+  maxCenterCoordinateDistance?: Double; // Use Double for numeric values
+  animated?: boolean; // Non-nullable boolean
+}>;
+
+export interface MapFabricNativeProps extends ViewProps {
+  /**
+   * If `true` map will be cached and displayed as an image instead of being interactable, for performance usage.
+   *
+   * @default false
+   * @platform iOS: Apple Maps only
+   * @platform Android: Supported
+   */
+  cacheEnabled?: boolean;
+
+  /**
+   * The camera view the map should display.
+   *
+   * Use the camera system, instead of the region system, if you need control over
+   * the pitch or heading. Using this will ignore the `region` property.
+   * @platform iOS: Supported
+   * @platform Android: Supported
+   */
+  camera?: Camera;
+
+  /**
+   * If set, changes the position of the compass.
+   *
+   * @platform iOS: Apple Maps only
+   * @platform Android: Not supported
+   */
+  compassOffset?: Point;
+
+  /**
+   * If `true` the map will focus on the user's location.
+   * This only works if `showsUserLocation` is true and the user has shared their location.
+   *
+   * @default false
+   * @platform iOS: Apple Maps only
+   * @platform Android: Not supported
+   */
+  followsUserLocation?: boolean;
+
+  /**
+   * If `false` the map will not capture PoI clicks
+   * This can improve click handling on the map for android
+   *
+   * @default true
+   * @platform iOS: Not supported
+   * @platform Android: supported
+   */
+  poiClickEnabled?: boolean;
+
+  /**
+   * The initial camera view the map should use.  Use this prop instead of `camera`
+   * only if you don't want to control the camera of the map besides the initial view.
+   *
+   * Use the camera system, instead of the region system, if you need control over
+   * the pitch or heading.
+   *
+   * Changing this prop after the component has mounted will not result in a camera change.
+   *
+   * This is similar to the `initialValue` prop of a text input.
+   *
+   * @platform iOS: Supported
+   * @platform Android: Supported
+   */
+  initialCamera?: Camera;
+
+  /**
+   * The initial region to be displayed by the map.  Use this prop instead of `region`
+   * only if you don't want to control the viewport of the map besides the initial region.
+   *
+   * Changing this prop after the component has mounted will not result in a region change.
+   *
+   * This is similar to the `initialValue` prop of a text input.
+   *
+   * @platform iOS: Supported
+   * @platform Android: Supported
+   */
+  initialRegion?: Region;
+
+  /**
+   * The URL for KML file.
+   *
+   * @platform iOS: Google Maps only
+   * @platform Android: Supported
+   */
+  kmlSrc?: string;
+
+  /**
+   * If set, changes the position of the "Legal" label link in Apple Maps.
+   *
+   * @platform iOS: Apple Maps only
+   * @platform Android: Not supported
+   */
+  legalLabelInsets?: EdgePadding;
+
+  /**
+   * Enables lite mode on Android
+   *
+   * @platform iOS: Not supported
+   * @platform Android: Supported
+   */
+  liteMode?: boolean;
+
+  /**
+   * https://developers.google.com/maps/documentation/get-map-id
+   * google cloud mapId to enable cloud styling and more
+   */
+  googleMapId?: string;
+
+  /**
+   * https://developers.google.com/maps/documentation/android-sdk/renderer
+   * google maps renderer
+   * @default `LATEST`
+   * @platform iOS: Not supported
+   * @platform Android: Supported
+   */
+  googleRenderer?: WithDefault<'LATEST' | 'LEGACY', 'LATEST'>;
+
+  /**
+   * Sets loading background color.
+   *
+   * @default `#FFFFFF`
+   * @platform iOS: Supported
+   * @platform Android: Supported
+   */
+  loadingBackgroundColor?: ColorValue;
+
+  /**
+   * If `true` a loading indicator will show while the map is loading.
+   *
+   * @default false
+   * @platform iOS: Apple Maps only
+   * @platform Android: Supported
+   */
+  loadingEnabled?: boolean;
+
+  /**
+   * Sets loading indicator color.
+   *
+   * @default `#606060`
+   * @platform iOS: Apple Maps only
+   * @platform Android: Supported
+   */
+  loadingIndicatorColor?: ColorValue;
+
+  /**
+   * Adds custom padding to each side of the map. Useful when map elements/markers are obscured.
+   *
+   * @platform iOS: Supported
+   * @platform Android: Supported
+   */
+  mapPadding?: EdgePadding;
+
+  /**
+   * The map type to be displayed
+   *
+   * @default `standard`
+   * @platform iOS: hybrid | mutedStandard | satellite | standard | terrain | hybridFlyover | satelliteFlyover
+   * @platform Android: hybrid | none | satellite | standard | terrain
+   */
+  mapType?: WithDefault<
+    | 'hybrid'
+    | 'mutedStandard'
+    | 'none'
+    | 'satellite'
+    | 'standard'
+    | 'terrain'
+    | 'satelliteFlyover'
+    | 'hybridFlyover',
+    'standard'
+  >;
+
+  /**
+   * TODO: Add documentation
+   *
+   * @platform iOS: Apple Maps only
+   * @platform Android: Not supported
+   */
+  maxDelta?: Double;
+
+  /**
+   * Maximum zoom value for the map, must be between 0 and 20
+   *
+   * @default 20
+   * @platform iOS: Supported
+   * @platform Android: Supported
+   * @deprecated on Apple Maps, use `cameraZoomRange` instead
+   */
+  maxZoom?: Float;
+
+  /**
+   * TODO: Add documentation
+   *
+   * @platform iOS: Apple Maps only
+   * @platform Android: Not supported
+   */
+  minDelta?: Double;
+
+  /**
+   * Minimum zoom value for the map, must be between 0 and 20
+   *
+   * @default 0
+   * @platform iOS: Supported
+   * @platform Android: Supported
+   * @deprecated on Apple Maps, use `cameraZoomRange` instead
+   */
+  minZoom?: Float;
+
+  /**
+   * If `false` the map won't move to the marker when pressed.
+   *
+   * @default true
+   * @platform iOS: Not supported
+   * @platform Android: Supported
+   */
+  moveOnMarkerPress?: WithDefault<boolean, true>;
+
+  /**
+   * Callback that is called when a callout is tapped by the user.
+   *
+   * @platform iOS: Apple Maps only
+   * @platform Android: Supported
+   */
+  onCalloutPress?: CalloutPressEventHandler;
+
+  /**
+   * Callback that is called when user double taps on the map.
+   *
+   * @platform iOS: Apple Maps only
+   * @platform Android: Supported
+   */
+  onDoublePress?: ClickEvent;
+
+  /**
+   * Callback that is called when an indoor building is focused/unfocused
+   *
+   * @platform iOS: Google Maps only
+   * @platform Android: Supported
+   */
+  onIndoorBuildingFocused?: IndoorBuildingEventHandler;
+
+  /**
+   * Callback that is called when a level on indoor building is activated
+   *
+   * @platform iOS: Google Maps only
+   * @platform Android: Supported
+   */
+  onIndoorLevelActivated?: IndoorLevelActivatedEventHandler;
+
+  /**
+   * Callback that is called once the kml is fully loaded.
+   *
+   * @platform iOS: Google Maps only
+   * @platform Android: Supported
+   */
+  onKmlReady?: KmlMapEventHandler;
+
+  /**
+   * Callback that is called when user makes a "long press" somewhere on the map.
+   *
+   * @platform iOS: Supported
+   * @platform Android: Supported
+   */
+  onLongPress?: LongPressEventHandler;
+
+  /**
+   * Callback that is called when the map has finished rendering all tiles.
+   *
+   * @platform iOS: Google Maps only
+   * @platform Android: Supported
+   */
+  onMapLoaded?: MapLoadedEventHandler;
+
+  /**
+   * Callback that is called once the map is ready.
+   *
+   * Event is optional, as the first onMapReady callback is intercepted
+   * on Android, and the event is not passed on.
+   *
+   * @platform iOS: Supported
+   * @platform Android: Supported
+   */
+  onMapReady?: MapReadyEventHandler;
+
+  /**
+   * Callback that is called when a marker on the map becomes deselected.
+   * This will be called when the callout for that marker is about to be hidden.
+   *
+   * @platform iOS: Supported
+   * @platform Android: Supported
+   */
+  onMarkerDeselect?: MarkerDeselectEventHandler;
+
+  /**
+   * Callback called continuously as a marker is dragged
+   *
+   * @platform iOS: Apple Maps only
+   * @platform Android: Supported
+   */
+  onMarkerDrag?: MarkerDragEventHandler;
+
+  /**
+   * Callback that is called when a drag on a marker finishes.
+   * This is usually the point you will want to setState on the marker's coordinate again
+   *
+   * @platform iOS: Apple Maps only
+   * @platform Android: Supported
+   */
+  onMarkerDragEnd?: MarkerDragStartEndEventHandler;
+
+  /**
+   * Callback that is called when the user initiates a drag on a marker (if it is draggable)
+   *
+   * @platform iOS: Apple Maps only
+   * @platform Android: Supported
+   */
+  onMarkerDragStart?: MarkerDragStartEndEventHandler;
+
+  /**
+   * Callback that is called when a marker on the map is tapped by the user.
+   *
+   * @platform iOS: Supported
+   * @platform Android: Supported
+   */
+  onMarkerPress?: MarkerPressEventHandler;
+
+  /**
+   * Callback that is called when a marker on the map becomes selected.
+   * This will be called when the callout for that marker is about to be shown.
+   *
+   * @platform iOS: Supported.
+   * @platform Android: Supported
+   */
+  onMarkerSelect?: MarkerSelectEventHandler;
+
+  /**
+   * Callback that is called when user presses and drags the map.
+   * **NOTE**: for iOS `scrollEnabled` should be set to false to trigger the event
+   *
+   * @platform iOS: Supported
+   * @platform Android: Supported
+   */
+  onPanDrag?: PanDragEventHandler;
+
+  /*
+  internal flag to enable pan gesture handling on iOS manually
+  * see MapView.ts line 1228
+   */
+  handlePanDrag?: boolean;
+
+  /**
+   * Callback that is called when user click on a POI.
+   *
+   * @platform iOS: Google Maps only
+   * @platform Android: Supported
+   */
+  onPoiClick?: PoiClickEventHandler;
+
+  /**
+   * Callback that is called when user taps on the map.
+   *
+   * @platform iOS: Supported
+   * @platform Android: Supported
+   */
+  onPress?: MapPressEventHandler;
+
+  /**
+   * Callback that is called once before the region changes, such as when the user starts moving the map.
+   * `isGesture` property indicates if the move was from the user (true) or an animation (false).
+   * **Note**: `isGesture` is supported by Google Maps only.
+   *
+   * @platform iOS: Supported
+   * @platform Android: Supported
+   */
+  onRegionChangeStart?: RegionChangeEventHandler;
+
+  /**
+   * Callback that is called continuously when the region changes, such as when a user is dragging the map.
+   * `isGesture` property indicates if the move was from the user (true) or an animation (false).
+   * **Note**: `isGesture` is supported by Google Maps only.
+   *
+   * @platform iOS: Supported
+   * @platform Android: Supported
+   */
+  onRegionChange?: RegionChangeEventHandler;
+
+  /**
+   * Callback that is called once when the region changes, such as when the user is done moving the map.
+   * `isGesture` property indicates if the move was from the user (true) or an animation (false).
+   * **Note**: `isGesture` is supported by Google Maps only.
+   *
+   * @platform iOS: Supported
+   * @platform Android: Supported
+   */
+  onRegionChangeComplete?: RegionChangeEventHandler;
+
+  /**
+   * Callback that is called when the underlying map figures our users current location
+   * (coordinate also includes isFromMockProvider value for Android API 18 and above).
+   * Make sure **showsUserLocation** is set to *true*.
+   *
+   * @platform iOS: Supported
+   * @platform Android: Supported
+   */
+  onUserLocationChange?: UserLocationChangeEventHandler;
+
+  /**
+   * Indicates how/when to affect padding with safe area insets
+   *
+   * @platform iOS: Google Maps only
+   * @platform Android: Not supported
+   */
+  paddingAdjustmentBehavior?: WithDefault<
+    'always' | 'automatic' | 'never',
+    'never'
+  >;
+
+  /**
+   * If `false` the user won't be able to adjust the camera’s pitch angle.
+   *
+   * @default true
+   * @platform iOS: Google Maps only
+   * @platform Android: Supported
+   */
+  pitchEnabled?: WithDefault<boolean, true>;
+
+  /**
+   * The region to be displayed by the map.
+   * The region is defined by the center coordinates and the span of coordinates to display.
+   *
+   * @platform iOS: Supported
+   * @platform Android: Supported
+   */
+  region?: Region;
+
+  /**
+   * If `false` the user won't be able to adjust the camera’s pitch angle.
+   *
+   * @default true
+   * @platform iOS: Google Maps only
+   * @platform Android: Supported
+   */
+  rotateEnabled?: WithDefault<boolean, true>;
+
+  /**
+   * If `false` the map will stay centered while rotating or zooming.
+   *
+   * @default true
+   * @platform iOS: Google Maps only
+   * @platform Android: Supported
+   */
+  scrollDuringRotateOrZoomEnabled?: WithDefault<boolean, true>;
+
+  /**
+   * If `false` the user won't be able to change the map region being displayed.
+   *
+   * @default true
+   * @platform iOS: Supported
+   * @platform Android: Supported
+   */
+  scrollEnabled?: WithDefault<boolean, true>;
+
+  /**
+   * A Boolean indicating whether the map displays extruded building information.
+   *
+   * @default true
+   * @platform iOS: Not supported
+   * @platform Android: Supported
+   */
+  showsBuildings?: WithDefault<boolean, true>;
+
+  /**
+   * If `false` compass won't be displayed on the map.
+   *
+   * @default true
+   * @platform iOS: Supported
+   * @platform Android: Supported
+   */
+  showsCompass?: WithDefault<boolean, true>;
+
+  /**
+   * A Boolean indicating whether indoor level picker should be enabled.
+   *
+   * @default false
+   * @platform iOS: Google Maps only
+   * @platform Android: Supported
+   */
+  showsIndoorLevelPicker?: boolean;
+
+  /**
+   * A Boolean indicating whether indoor maps should be enabled.
+   *
+   * @default true
+   * @platform iOS: Google Maps only
+   * @platform Android: Supported
+   */
+  showsIndoors?: WithDefault<boolean, true>;
+
+  /**
+   * If `false` hide the button to move map to the current user's location.
+   *
+   * @default true
+   * @platform iOS: Google Maps only
+   * @platform Android: Supported
+   */
+  showsMyLocationButton?: WithDefault<boolean, true>;
+
+  /**
+   * A Boolean indicating whether the map shows scale information.
+   *
+   * @default false
+   * @platform iOS: Apple Maps only
+   * @platform Android: Not supported
+   */
+  showsScale?: boolean;
+
+  /**
+   * If `true` the users location will be displayed on the map.
+   *
+   * This will cause iOS to ask for location permissions.
+   * For iOS see: [DOCS](https://github.com/react-native-maps/react-native-maps/blob/master/docs/installation.md#set-the-usage-description-property)
+   * @default false
+   * @platform iOS: Supported
+   * @platform Android: Supported
+   */
+  showsUserLocation?: boolean;
+
+  /**
+   * Sets the tint color of the map. (Changes the color of the position indicator)
+   *
+   * @default System Blue
+   * @platform iOS: Apple Maps only
+   * @platform Android: Not supported
+   */
+  tintColor?: ColorValue;
+
+  /**
+   * If `false` will hide 'Navigate' and 'Open in Maps' buttons on marker press
+   *
+   * @default true
+   * @platform iOS: Not supported
+   * @platform Android: Supported
+   */
+  toolbarEnabled?: WithDefault<boolean, true>;
+
+  /**
+   * Sets the map to the style selected.
+   *
+   * @default System setting
+   * @platform iOS: Supported
+   * @platform Android: Supported
+   */
+  userInterfaceStyle?: WithDefault<'system' | 'light' | 'dark', 'system'>;
+
+  /**
+   * The title of the annotation for current user location.
+   *
+   * This only works if `showsUserLocation` is true.
+   *
+   * @default `My Location`
+   * @platform iOS: Apple Maps only
+   * @platform Android: Not supported
+   */
+  userLocationAnnotationTitle?: string;
+
+  /**
+   * If `true` clicking user location will show the default callout for userLocation annotation.
+   *
+   * @default false
+   * @platform iOS: Apple Maps only
+   * @platform Android: Not supported
+   */
+  userLocationCalloutEnabled?: boolean;
+
+  /**
+   * Fastest interval the application will actively acquire locations.
+   *
+   * See [Google APIs documentation](https://developers.google.com/android/reference/com/google/android/gms/location/LocationRequest.html)
+   *
+   * @default 5000
+   * @platform iOS: Not supported
+   * @platform Android: Supported
+   */
+  userLocationFastestInterval?: WithDefault<Int32, 5000>;
+
+  /**
+   * Set power priority of user location tracking.
+   *
+   * See [Google APIs documentation](https://developers.google.com/android/reference/com/google/android/gms/location/LocationRequest.html)
+   *
+   * @default `high`
+   * @platform iOS: Not supported
+   * @platform Android: Supported
+   */
+  userLocationPriority?: WithDefault<
+    'balanced' | 'high' | 'low' | 'passive',
+    'high'
+  >;
+
+  /**
+   * Interval of user location updates in milliseconds.
+   *
+   * See [Google APIs documentation](https://developers.google.com/android/reference/com/google/android/gms/location/LocationRequest.html)
+   *
+   * @default 5000
+   * @platform iOS: Not supported
+   * @platform Android: Supported
+   */
+  userLocationUpdateInterval?: WithDefault<Int32, 5000>;
+
+  /**
+   * If `false` the zoom control at the bottom right of the map won't be visible.
+   *
+   * @default true
+   * @platform iOS: Not supported
+   * @platform Android: Supported
+   */
+  zoomControlEnabled?: WithDefault<boolean, true>;
+
+  /**
+   * If `false` the user won't be able to pinch/zoom the map.
+   *
+   * TODO: Why is the Android reactprop defaultvalue set to false?
+   *
+   * @default true
+   * @platform iOS: Supported
+   * @platform Android: Supported
+   */
+  zoomEnabled?: WithDefault<boolean, true>;
+
+  /**
+   * A Boolean value indicating whether the map displays traffic information.
+   *
+   * @default false
+   * @platform iOS: Google Maps only
+   * @platform Android: Supported
+   */
+  showsTraffic?: boolean;
+
+  /**
+   * If `false` the user won't be able to double tap to zoom the map.
+   * **Note:** But it will greatly decrease delay of tap gesture recognition.
+   *
+   * @default true
+   * @platform iOS: Google Maps only
+   * @platform Android: Not supported
+   */
+  zoomTapEnabled?: WithDefault<boolean, true>;
+
+  /**
+   * Map camera distance limits. `minCenterCoordinateDistance` for minimum distance, `maxCenterCoordinateDistance` for maximum.
+   * `animated` for animated zoom changes.
+   * Takes precedence if conflicting with `minZoomLevel`, `maxZoomLevel`.
+   *
+   * @platform iOS: 13.0+
+   * @platform Android: Not supported
+   */
+  cameraZoomRange?: CameraZoomRange;
+}
+
+export interface NativeCommands {
+  animateToRegion: (
+    viewRef: React.ElementRef<React.ComponentType>,
+    regionJSON: string,
+    duration: Int32,
+  ) => void;
+
+  setCamera: (
+    viewRef: React.ElementRef<React.ComponentType>,
+    cameraJSON: string,
+  ) => void;
+
+  animateCamera: (
+    viewRef: React.ElementRef<React.ComponentType>,
+    cameraJSON: string,
+    duration: Int32,
+  ) => void;
+
+  fitToElements: (
+    viewRef: React.ElementRef<React.ComponentType>,
+    edgePaddingJSON: string,
+    animated: boolean,
+  ) => void;
+
+  fitToSuppliedMarkers: (
+    viewRef: React.ElementRef<React.ComponentType>,
+    markersJSON: string,
+    edgePaddingJSON: string,
+    animated: boolean,
+  ) => void;
+
+  fitToCoordinates: (
+    viewRef: React.ElementRef<React.ComponentType>,
+    coordinatesJSON: string,
+    edgePaddingJSON: string,
+    animated: boolean,
+  ) => void;
+
+  setIndoorActiveLevelIndex: (
+    viewRef: React.ElementRef<React.ComponentType>,
+    activeLevelIndex: Int32,
+  ) => void;
+}
+
+export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: [
+    'animateToRegion',
+    'setCamera',
+    'animateCamera',
+    'fitToElements',
+    'fitToSuppliedMarkers',
+    'fitToCoordinates',
+    'setIndoorActiveLevelIndex',
+  ],
+});
+
+export default codegenNativeComponent<MapFabricNativeProps>(
+  'RNMapsMapView',
+  {},
+) as HostComponent<MapFabricNativeProps>;