react-native-maps 2.0.0-beta.5 → 2.0.0-beta.7

package/lib/MapCallout.js

@@ -33,8 +33,8 @@ class MapCallout extends React.Component {
     getUIManagerCommand;
     render() {
         const { tooltip = false, alphaHitTest = false } = this.props;
-        const AIRMapCallout = this.getNativeComponent();
-        return (<AIRMapCallout {...this.props} tooltip={tooltip} alphaHitTest={alphaHitTest} style={[styles.callout, this.props.style]}/>);
+        const RNMMapCallout = this.getNativeComponent();
+        return (<RNMMapCallout {...this.props} tooltip={tooltip} alphaHitTest={alphaHitTest} style={[styles.callout, this.props.style]}/>);
     }
 }
 exports.MapCallout = MapCallout;

package/lib/MapCalloutSubview.js

@@ -32,8 +32,8 @@ class MapCalloutSubview extends React.Component {
     getMapManagerCommand;
     getUIManagerCommand;
     render() {
-        const AIRMapCalloutSubview = this.getNativeComponent();
-        return (<AIRMapCalloutSubview {...this.props} style={[styles.calloutSubview, this.props.style]}/>);
+        const RNMMapCalloutSubview = this.getNativeComponent();
+        return (<RNMMapCalloutSubview {...this.props} style={[styles.calloutSubview, this.props.style]}/>);
     }
 }
 exports.MapCalloutSubview = MapCalloutSubview;

package/lib/MapCircle.js

@@ -40,8 +40,8 @@ class MapCircle extends React.Component {
     }
     render() {
         const { strokeColor = '#000', strokeWidth = 1 } = this.props;
-        const AIRMapCircle = this.getNativeComponent();
-        return (<AIRMapCircle {...this.props} strokeColor={strokeColor} strokeWidth={strokeWidth} ref={this.circle}/>);
+        const RNMMapCircle = this.getNativeComponent();
+        return (<RNMMapCircle {...this.props} strokeColor={strokeColor} strokeWidth={strokeWidth} ref={this.circle}/>);
     }
 }
 exports.MapCircle = MapCircle;

package/lib/MapHeatmap.js

@@ -40,14 +40,14 @@ class MapHeatmap extends React.Component {
         this.heatmap.current?.setNativeProps(props);
     }
     render() {
-        const AIRMapHeatmap = this.getNativeComponent();
+        const RNMMapHeatmap = this.getNativeComponent();
         const propGradient = this.props.gradient;
         let gradient;
         if (propGradient) {
             const colors = propGradient.colors.map(c => (0, react_native_1.processColor)(c));
             gradient = { ...propGradient, colors };
         }
-        return (<AIRMapHeatmap {...this.props} gradient={gradient} ref={this.heatmap}/>);
+        return (<RNMMapHeatmap {...this.props} gradient={gradient} ref={this.heatmap}/>);
     }
 }
 exports.MapHeatmap = MapHeatmap;

package/lib/MapLocalTile.js

@@ -31,8 +31,8 @@ class MapLocalTile extends React.Component {
     getMapManagerCommand;
     getUIManagerCommand;
     render() {
-        const AIRMapLocalTile = this.getNativeComponent();
-        return <AIRMapLocalTile {...this.props}/>;
+        const RNMMapLocalTile = this.getNativeComponent();
+        return <RNMMapLocalTile {...this.props}/>;
     }
 }
 exports.MapLocalTile = MapLocalTile;

package/lib/MapMarker.js

@@ -87,8 +87,8 @@ class MapMarker extends React.Component {
             icon = react_native_1.Image.resolveAssetSource(this.props.icon) || {};
             icon = icon.uri;
         }
-        const AIRMapMarker = this.getNativeComponent();
-        return (<AIRMapMarker {...this.props} ref={this.marker} image={image} icon={icon} style={[styles.marker, this.props.style]} onPress={event => {
+        const RNMMapMarker = this.getNativeComponent();
+        return (<RNMMapMarker {...this.props} ref={this.marker} image={image} icon={icon} style={[styles.marker, this.props.style]} onPress={event => {
                 if (stopPropagation) {
                     event.stopPropagation();
                 }

package/lib/MapOverlay.js

@@ -42,8 +42,8 @@ class MapOverlay extends React.Component {
             const sourceAsset = react_native_1.Image.resolveAssetSource(this.props.image) || {};
             image = sourceAsset.uri;
         }
-        const AIRMapOverlay = this.getNativeComponent();
-        return (<AIRMapOverlay {...this.props} opacity={opacity} image={image} style={[styles.overlay, this.props.style]}/>);
+        const RNMMapOverlay = this.getNativeComponent();
+        return (<RNMMapOverlay {...this.props} opacity={opacity} image={image} style={[styles.overlay, this.props.style]}/>);
     }
 }
 exports.MapOverlay = MapOverlay;

package/lib/MapPolygon.js

@@ -40,8 +40,8 @@ class MapPolygon extends React.Component {
     }
     render() {
         const { strokeColor = '#000', strokeWidth = 1 } = this.props;
-        const AIRMapPolygon = this.getNativeComponent();
-        return (<AIRMapPolygon {...this.props} strokeColor={strokeColor} strokeWidth={strokeWidth} ref={this.polygon}/>);
+        const RNMMapPolygon = this.getNativeComponent();
+        return (<RNMMapPolygon {...this.props} strokeColor={strokeColor} strokeWidth={strokeWidth} ref={this.polygon}/>);
     }
 }
 exports.MapPolygon = MapPolygon;

package/lib/MapPolyline.js

@@ -40,8 +40,8 @@ class MapPolyline extends React.Component {
     }
     render() {
         const { strokeColor = '#000', strokeWidth = 1, lineJoin = 'round', lineCap = 'round', } = this.props;
-        const AIRMapPolyline = this.getNativeComponent();
-        return (<AIRMapPolyline {...this.props} strokeColor={strokeColor} strokeWidth={strokeWidth} lineJoin={lineJoin} lineCap={lineCap} ref={this.polyline}/>);
+        const RNMMapPolyline = this.getNativeComponent();
+        return (<RNMMapPolyline {...this.props} strokeColor={strokeColor} strokeWidth={strokeWidth} lineJoin={lineJoin} lineCap={lineCap} ref={this.polyline}/>);
     }
 }
 exports.MapPolyline = MapPolyline;

package/lib/MapUrlTile.js

@@ -31,8 +31,8 @@ class MapUrlTile extends React.Component {
     getMapManagerCommand;
     getUIManagerCommand;
     render() {
-        const AIRMapUrlTile = this.getNativeComponent();
-        return <AIRMapUrlTile {...this.props}/>;
+        const RNMMapUrlTile = this.getNativeComponent();
+        return <RNMMapUrlTile {...this.props}/>;
     }
 }
 exports.MapUrlTile = MapUrlTile;

package/lib/MapView.d.ts

@@ -581,11 +581,11 @@ declare class MapView extends React.Component<MapViewProps, State> {
     private _onChange;
     getCamera(): Promise<Camera>;
     setCamera(camera: Partial<Camera>): void;
-    animateCamera(camera: Partial<Camera>, duration?: number): void;
-    animateToRegion(region: Region, duration?: number): void;
-    fitToElements(options?: FitToOptions): void;
-    fitToSuppliedMarkers(markers: string[], options?: FitToOptions): void;
-    fitToCoordinates(coordinates?: LatLng[], options?: FitToOptions): void;
+    animateCamera(camera: Partial<Camera>, duration?: number): Promise<void>;
+    animateToRegion(region: Region, duration?: number): Promise<void>;
+    fitToElements(options?: FitToOptions): Promise<void>;
+    fitToSuppliedMarkers(markers: string[], options?: FitToOptions): Promise<void>;
+    fitToCoordinates(coordinates?: LatLng[], options?: FitToOptions): Promise<void>;
     /**
      * Get visible boudaries
      *
@@ -660,10 +660,9 @@ declare class MapView extends React.Component<MapViewProps, State> {
      * @return Object Object bounding box ({ northEast: <LatLng>, southWest: <LatLng> })
      */
     boundingBoxForRegion(region: Region): BoundingBox;
-    private _mapManagerCommand;
     private _getHandle;
-    private _runCommand;
+    private _gogleMapsOniOS;
     render(): JSX.Element;
 }
-export declare const enableLatestRenderer: () => any;
+export declare const enableLatestRenderer: () => Promise<string> | undefined;
 export default MapView;

package/lib/MapView.js

@@ -22,6 +22,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.enableLatestRenderer = exports.MAP_TYPES = void 0;
 const React = __importStar(require("react"));
@@ -29,6 +32,8 @@ const react_native_1 = require("react-native");
 const decorateMapComponent_1 = require("./decorateMapComponent");
 const ProviderConstants = __importStar(require("./ProviderConstants"));
 const MapViewNativeComponent_1 = require("./MapViewNativeComponent");
+const NativeMapViewModule_1 = __importDefault(require("./NativeMapViewModule"));
+const NativeGoogleMapViewModule_1 = __importDefault(require("./NativeGoogleMapViewModule"));
 exports.MAP_TYPES = {
     STANDARD: 'standard',
     SATELLITE: 'satellite',
@@ -79,13 +84,10 @@ class MapView extends React.Component {
         }
     }
     getCamera() {
-        if (react_native_1.Platform.OS === 'android') {
-            return react_native_1.NativeModules.AirMapModule.getCamera(this._getHandle());
-        }
-        else if (react_native_1.Platform.OS === 'ios') {
-            return this._runCommand('getCamera', []);
+        if (this._gogleMapsOniOS()) {
+            return googleMapViewModuleMethod('getCamera')(this._getHandle());
         }
-        return Promise.reject('getCamera not supported on this platform');
+        return mapViewModuleMethod('getCamera')(this._getHandle());
     }
     setCamera(camera) {
         if (this.map.current) {
@@ -93,32 +95,37 @@ class MapView extends React.Component {
         }
     }
     animateCamera(camera, duration = 500) {
-        if (this.map.current) {
-            MapViewNativeComponent_1.Commands.animateCamera(this.map.current, camera, duration);
+        if (this._gogleMapsOniOS()) {
+            return googleMapViewModuleMethod('animateCamera')(this._getHandle(), camera, duration);
         }
+        return mapViewModuleMethod('animateCamera')(this._getHandle(), camera, duration);
     }
     animateToRegion(region, duration = 500) {
-        if (this.map.current) {
-            MapViewNativeComponent_1.Commands.animateToRegion(this.map.current, region, duration);
+        if (this._gogleMapsOniOS()) {
+            return googleMapViewModuleMethod('animateToRegion')(this._getHandle(), region, duration);
         }
+        return mapViewModuleMethod('animateToRegion')(this._getHandle(), region, duration);
     }
     fitToElements(options = {}) {
-        if (this.map.current) {
-            const { edgePadding = { top: 0, right: 0, bottom: 0, left: 0 }, animated = true, } = options;
-            MapViewNativeComponent_1.Commands.fitToElements(this.map.current, edgePadding, animated);
+        const { edgePadding = { top: 0, right: 0, bottom: 0, left: 0 }, duration = 0 } = options;
+        if (this._gogleMapsOniOS()) {
+            return googleMapViewModuleMethod('fitToElements')(this._getHandle(), edgePadding, duration);
         }
+        return mapViewModuleMethod('fitToElements')(this._getHandle(), edgePadding, duration);
     }
     fitToSuppliedMarkers(markers, options = {}) {
-        if (this.map.current) {
-            const { edgePadding = { top: 0, right: 0, bottom: 0, left: 0 }, animated = true, } = options;
-            MapViewNativeComponent_1.Commands.fitToSuppliedMarkers(this.map.current, markers, edgePadding, animated);
+        const { edgePadding = { top: 0, right: 0, bottom: 0, left: 0 }, duration = 0 } = options;
+        if (this._gogleMapsOniOS()) {
+            return googleMapViewModuleMethod('fitToSuppliedMarkers')(this._getHandle(), markers, edgePadding, duration);
         }
+        return mapViewModuleMethod('fitToSuppliedMarkers')(this._getHandle(), markers, edgePadding, duration);
     }
     fitToCoordinates(coordinates = [], options = {}) {
-        if (this.map.current) {
-            const { edgePadding = { top: 0, right: 0, bottom: 0, left: 0 }, animated = true, } = options;
-            MapViewNativeComponent_1.Commands.fitToCoordinates(this.map.current, coordinates, edgePadding, animated);
+        const { edgePadding = { top: 0, right: 0, bottom: 0, left: 0 }, duration = 0 } = options;
+        if (this._gogleMapsOniOS()) {
+            return googleMapViewModuleMethod('fitToCoordinates')(this._getHandle(), coordinates, edgePadding, duration);
         }
+        return mapViewModuleMethod('fitToCoordinates')(this._getHandle(), coordinates, edgePadding, duration);
     }
     /**
      * Get visible boudaries
@@ -126,13 +133,10 @@ class MapView extends React.Component {
      * @return Promise Promise with the bounding box ({ northEast: <LatLng>, southWest: <LatLng> })
      */
     async getMapBoundaries() {
-        if (react_native_1.Platform.OS === 'android') {
-            return await react_native_1.NativeModules.AirMapModule.getMapBoundaries(this._getHandle());
-        }
-        else if (react_native_1.Platform.OS === 'ios') {
-            return await this._runCommand('getMapBoundaries', []);
+        if (this._gogleMapsOniOS()) {
+            return googleMapViewModuleMethod('getMapBoundaries')(this._getHandle());
         }
-        return Promise.reject('getMapBoundaries not supported on this platform');
+        return mapViewModuleMethod('getMapBoundaries')(this._getHandle());
     }
     setMapBoundaries(northEast, southWest) {
         if (this.map.current) {
@@ -163,7 +167,7 @@ class MapView extends React.Component {
         const config = {
             width: args.width || 0,
             height: args.height || 0,
-            region: args.region || {},
+            region: args.region,
             format: args.format || 'png',
             quality: args.quality || 1.0,
             result: args.result || 'file',
@@ -174,31 +178,10 @@ class MapView extends React.Component {
         if (config.result !== 'file' && config.result !== 'base64') {
             throw new Error('Invalid result specified');
         }
-        // Call native function
-        if (react_native_1.Platform.OS === 'android') {
-            return react_native_1.NativeModules.AirMapModule.takeSnapshot(this._getHandle(), config);
-        }
-        else if (react_native_1.Platform.OS === 'ios') {
-            return new Promise((resolve, reject) => {
-                this._runCommand('takeSnapshot', [
-                    config.width,
-                    config.height,
-                    config.region,
-                    config.format,
-                    config.quality,
-                    config.result,
-                    (err, snapshot) => {
-                        if (err) {
-                            reject(err);
-                        }
-                        else {
-                            resolve(snapshot);
-                        }
-                    },
-                ]);
-            });
+        if (this._gogleMapsOniOS()) {
+            return googleMapViewModuleMethod('takeSnapshot')(this._getHandle(), config);
         }
-        return Promise.reject('takeSnapshot not supported on this platform');
+        return mapViewModuleMethod('takeSnapshot')(this._getHandle(), config);
     }
     /**
      * Convert a coordinate to address by using default Geocoder
@@ -210,13 +193,10 @@ class MapView extends React.Component {
      * @return Promise with return type Address
      */
     addressForCoordinate(coordinate) {
-        if (react_native_1.Platform.OS === 'android') {
-            return react_native_1.NativeModules.AirMapModule.getAddressFromCoordinates(this._getHandle(), coordinate);
+        if (this._gogleMapsOniOS()) {
+            throw new Error('addressForCoordinate not supported on Google Maps iOS');
         }
-        else if (react_native_1.Platform.OS === 'ios') {
-            return this._runCommand('getAddressFromCoordinates', [coordinate]);
-        }
-        return Promise.reject('getAddress not supported on this platform');
+        return mapViewModuleMethod('getAddressFromCoordinates')(this._getHandle(), coordinate);
     }
     /**
      * Convert a map coordinate to user-space point
@@ -228,13 +208,10 @@ class MapView extends React.Component {
      * @return Promise Promise with the point ({ x: Number, y: Number })
      */
     pointForCoordinate(coordinate) {
-        if (react_native_1.Platform.OS === 'android') {
-            return react_native_1.NativeModules.AirMapModule.pointForCoordinate(this._getHandle(), coordinate);
-        }
-        else if (react_native_1.Platform.OS === 'ios') {
-            return this._runCommand('pointForCoordinate', [coordinate]);
+        if (this._gogleMapsOniOS()) {
+            return googleMapViewModuleMethod('pointForCoordinate')(this._getHandle(), coordinate);
         }
-        return Promise.reject('pointForCoordinate not supported on this platform');
+        return mapViewModuleMethod('pointForCoordinate')(this._getHandle(), coordinate);
     }
     /**
      * Convert a user-space point to a map coordinate
@@ -246,13 +223,10 @@ class MapView extends React.Component {
      * @return Promise Promise with the coordinate ({ latitude: Number, longitude: Number })
      */
     coordinateForPoint(point) {
-        if (react_native_1.Platform.OS === 'android') {
-            return react_native_1.NativeModules.AirMapModule.coordinateForPoint(this._getHandle(), point);
-        }
-        else if (react_native_1.Platform.OS === 'ios') {
-            return this._runCommand('coordinateForPoint', [point]);
+        if (this._gogleMapsOniOS()) {
+            return googleMapViewModuleMethod('coordinateForPoint')(this._getHandle(), point);
         }
-        return Promise.reject('coordinateForPoint not supported on this platform');
+        return mapViewModuleMethod('coordinateForPoint')(this._getHandle(), point);
     }
     /**
      * Get markers' centers and frames in user-space coordinates
@@ -262,10 +236,13 @@ class MapView extends React.Component {
      * @return Promise Promise with { <identifier>: { point: Point, frame: Frame } }
      */
     getMarkersFrames(onlyVisible = false) {
-        if (react_native_1.Platform.OS === 'ios') {
-            return this._runCommand('getMarkersFrames', [onlyVisible]);
+        if (react_native_1.Platform.OS !== 'ios') {
+            throw new Error('getMarkersFrames only supported on iOS');
         }
-        return Promise.reject('getMarkersFrames not supported on this platform');
+        if (this._gogleMapsOniOS()) {
+            return googleMapViewModuleMethod('getMarkersFrames')(this._getHandle(), onlyVisible);
+        }
+        return mapViewModuleMethod('getMarkersFrames')(this._getHandle(), onlyVisible);
     }
     /**
      * Get bounding box from region
@@ -286,19 +263,15 @@ class MapView extends React.Component {
             },
         };
     }
-    _mapManagerCommand(name) {
-        return react_native_1.NativeModules[`${(0, decorateMapComponent_1.getNativeMapName)(this.props.provider)}Manager`][name];
-    }
     _getHandle() {
-        return (0, react_native_1.findNodeHandle)(this.map.current);
-    }
-    _runCommand(name, args) {
-        if (react_native_1.Platform.OS === 'ios') {
-            return this._mapManagerCommand(name)(this._getHandle(), ...args);
-        }
-        else {
-            return Promise.reject(`Invalid platform was passed: ${react_native_1.Platform.OS}`);
+        const handle = (0, react_native_1.findNodeHandle)(this.map.current);
+        if (!handle) {
+            throw new Error('Cannot find node handle');
         }
+        return handle;
+    }
+    _gogleMapsOniOS() {
+        return react_native_1.Platform.OS === 'ios' && this.props.provider === 'google';
     }
     render() {
         let props;
@@ -341,36 +314,55 @@ class MapView extends React.Component {
         }
         if (react_native_1.Platform.OS === 'android' && this.props.liteMode) {
             return (<decorateMapComponent_1.ProviderContext.Provider value={this.props.provider}>
-          <AIRMapLite {...props}/>
+          <RNMMapLite {...props}/>
         </decorateMapComponent_1.ProviderContext.Provider>);
         }
-        const AIRMap = getNativeMapComponent(this.props.provider);
+        const RNMMap = getNativeMapComponent(this.props.provider);
         return (<decorateMapComponent_1.ProviderContext.Provider value={this.props.provider}>
-        <AIRMap {...props}/>
+        <RNMMap {...props}/>
       </decorateMapComponent_1.ProviderContext.Provider>);
     }
 }
-const airMaps = {
-    default: (0, react_native_1.requireNativeComponent)('AIRMap'),
+const rnmMaps = {
+    default: (0, react_native_1.requireNativeComponent)('RNMMap'),
     google: () => null,
 };
 if (react_native_1.Platform.OS === 'android') {
-    airMaps.google = airMaps.default;
+    rnmMaps.google = rnmMaps.default;
 }
 else {
-    airMaps.google = decorateMapComponent_1.googleMapIsInstalled
-        ? (0, react_native_1.requireNativeComponent)('AIRGoogleMap')
-        : (0, decorateMapComponent_1.createNotSupportedComponent)('react-native-maps: AirGoogleMaps dir must be added to your xCode project to support GoogleMaps on iOS.');
+    rnmMaps.google = decorateMapComponent_1.googleMapIsInstalled
+        ? (0, react_native_1.requireNativeComponent)('RNMGoogleMap')
+        : (0, decorateMapComponent_1.createNotSupportedComponent)('react-native-maps: RNMGoogleMaps dir must be added to your xCode project to support GoogleMaps on iOS.');
 }
-const getNativeMapComponent = (provider) => airMaps[provider || 'default'];
-const AIRMapLite = react_native_1.UIManager.getViewManagerConfig('AIRMapLite')
-    ? (0, react_native_1.requireNativeComponent)('AIRMapLite')
+const getNativeMapComponent = (provider) => rnmMaps[provider || 'default'];
+const RNMMapLite = react_native_1.UIManager.getViewManagerConfig('RNMMapLite')
+    ? (0, react_native_1.requireNativeComponent)('RNMMapLite')
     : () => null;
 const enableLatestRenderer = () => {
-    if (react_native_1.Platform.OS !== 'android') {
-        return;
+    if (react_native_1.Platform.OS === 'android') {
+        return mapViewModuleMethod('enableLatestRenderer')();
     }
-    return react_native_1.NativeModules.AirMapModule.enableLatestRenderer();
 };
 exports.enableLatestRenderer = enableLatestRenderer;
+function mapViewModuleMethod(name) {
+    if (!NativeMapViewModule_1.default) {
+        throw new Error('MapViewModule is null');
+    }
+    const method = NativeMapViewModule_1.default[name];
+    if (!method) {
+        throw new Error(`Method ${name} is not defined`);
+    }
+    return NativeMapViewModule_1.default[name];
+}
+function googleMapViewModuleMethod(name) {
+    if (!NativeGoogleMapViewModule_1.default) {
+        throw new Error('GoogleMapViewModule is null');
+    }
+    const method = NativeGoogleMapViewModule_1.default[name];
+    if (!method) {
+        throw new Error(`Method ${name} is not defined`);
+    }
+    return NativeGoogleMapViewModule_1.default[name];
+}
 exports.default = MapView;

package/lib/MapView.types.d.ts

@@ -1,4 +1,4 @@
-import { ClickEvent, LatLng, Point, Region } from './sharedTypes';
+import { ClickEvent, Frame, LatLng, Point, Region } from './sharedTypes';
 import { NativeSyntheticEvent } from 'react-native';
 export type Camera = {
     /**
@@ -119,7 +119,7 @@ export type ChangeEvent = NativeSyntheticEvent<{
 }>;
 export type FitToOptions = {
     edgePadding?: EdgePadding;
-    animated?: boolean;
+    duration?: number;
 };
 export type BoundingBox = {
     northEast: LatLng;
@@ -150,4 +150,10 @@ export type Address = {
     subLocality: string;
     thoroughfare: string;
 };
+export interface MarkersFrames {
+    [key: string]: {
+        point: Point;
+        frame: Frame;
+    };
+}
 export type NativeCommandName = 'animateCamera' | 'animateToRegion' | 'coordinateForPoint' | 'fitToCoordinates' | 'fitToElements' | 'fitToSuppliedMarkers' | 'getAddressFromCoordinates' | 'getCamera' | 'getMapBoundaries' | 'getMarkersFrames' | 'pointForCoordinate' | 'setCamera' | 'setIndoorActiveLevelIndex' | 'setMapBoundaries' | 'takeSnapshot';

package/lib/MapViewNativeComponent.d.ts

@@ -1,16 +1,11 @@
 /// <reference types="react" />
 import type { HostComponent } from 'react-native';
 import { NativeProps } from './MapView';
-import { Camera, EdgePadding } from './MapView.types';
-import { LatLng, Region } from './sharedTypes';
+import { Camera } from './MapView.types';
+import { LatLng } from './sharedTypes';
 export type MapViewNativeComponentType = HostComponent<NativeProps>;
 interface NativeCommands {
-    animateToRegion: (viewRef: NonNullable<React.RefObject<MapViewNativeComponentType>['current']>, region: Region, duration: number) => void;
     setCamera: (viewRef: NonNullable<React.RefObject<MapViewNativeComponentType>['current']>, camera: Partial<Camera>) => void;
-    animateCamera: (viewRef: NonNullable<React.RefObject<MapViewNativeComponentType>['current']>, camera: Partial<Camera>, duration: number) => void;
-    fitToElements: (viewRef: NonNullable<React.RefObject<MapViewNativeComponentType>['current']>, edgePadding: EdgePadding, animated: boolean) => void;
-    fitToSuppliedMarkers: (viewRef: NonNullable<React.RefObject<MapViewNativeComponentType>['current']>, markers: string[], edgePadding: EdgePadding, animated: boolean) => void;
-    fitToCoordinates: (viewRef: NonNullable<React.RefObject<MapViewNativeComponentType>['current']>, coordinates: LatLng[], edgePadding: EdgePadding, animated: boolean) => void;
     setMapBoundaries: (viewRef: NonNullable<React.RefObject<MapViewNativeComponentType>['current']>, northEast: LatLng, southWest: LatLng) => void;
     setIndoorActiveLevelIndex: (viewRef: NonNullable<React.RefObject<MapViewNativeComponentType>['current']>, activeLevelIndex: number) => void;
 }

package/lib/MapViewNativeComponent.js

@@ -7,12 +7,7 @@ exports.Commands = void 0;
 const codegenNativeCommands_1 = __importDefault(require("react-native/Libraries/Utilities/codegenNativeCommands"));
 exports.Commands = (0, codegenNativeCommands_1.default)({
     supportedCommands: [
-        'animateToRegion',
         'setCamera',
-        'animateCamera',
-        'fitToElements',
-        'fitToSuppliedMarkers',
-        'fitToCoordinates',
         'setMapBoundaries',
         'setIndoorActiveLevelIndex',
     ],

package/lib/MapWMSTile.js

@@ -31,8 +31,8 @@ class MapWMSTile extends React.Component {
     getMapManagerCommand;
     getUIManagerCommand;
     render() {
-        const AIRMapWMSTile = this.getNativeComponent();
-        return <AIRMapWMSTile {...this.props}/>;
+        const RNMMapWMSTile = this.getNativeComponent();
+        return <RNMMapWMSTile {...this.props}/>;
     }
 }
 exports.MapWMSTile = MapWMSTile;

package/lib/NativeGoogleMapViewModule.d.ts

@@ -0,0 +1,25 @@
+import type { TurboModule } from 'react-native';
+import { BoundingBox, Camera, EdgePadding, MarkersFrames } from './MapView.types';
+import { LatLng, Point, Region } from './sharedTypes';
+export interface Spec extends TurboModule {
+    animateCamera: (viewTag: number, camera: Partial<Camera>, duration: number) => Promise<void>;
+    animateToRegion: (viewTag: number, region: Region, duration: number) => Promise<void>;
+    coordinateForPoint: (viewTag: number, point: Point) => Promise<LatLng>;
+    fitToCoordinates: (viewTag: number, coordinates: LatLng[], edgePadding: EdgePadding, duration: number) => Promise<void>;
+    fitToElements: (viewTag: number, edgePadding: EdgePadding, duration: number) => Promise<void>;
+    fitToSuppliedMarkers: (viewTag: number, markers: string[], edgePadding: EdgePadding, duration: number) => Promise<void>;
+    getCamera: (viewTag: number) => Promise<Camera>;
+    getMapBoundaries: (viewTag: number) => Promise<BoundingBox>;
+    getMarkersFrames: (viewTag: number, onlyVisible: boolean) => Promise<MarkersFrames>;
+    pointForCoordinate: (viewTag: number, coordinate: LatLng) => Promise<Point>;
+    takeSnapshot: (viewTag: number, config: {
+        width: number;
+        height: number;
+        region?: Region;
+        format: string;
+        quality: number;
+        result: string;
+    }) => Promise<string>;
+}
+declare const _default: Spec | null;
+export default _default;

package/lib/NativeGoogleMapViewModule.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_native_1 = require("react-native");
+exports.default = react_native_1.TurboModuleRegistry.get('RNMGoogleMapViewModule');

package/lib/NativeMapViewModule.d.ts

@@ -0,0 +1,29 @@
+import type { TurboModule } from 'react-native';
+import { Address, BoundingBox, Camera, EdgePadding, MarkersFrames } from './MapView.types';
+import { LatLng, Point, Region } from './sharedTypes';
+export interface Spec extends TurboModule {
+    animateCamera: (viewTag: number, camera: Partial<Camera>, duration: number) => Promise<void>;
+    animateToRegion: (viewTag: number, region: Region, duration: number) => Promise<void>;
+    coordinateForPoint: (viewTag: number, point: Point) => Promise<LatLng>;
+    /** android only */
+    enableLatestRenderer: () => Promise<string>;
+    fitToCoordinates: (viewTag: number, coordinates: LatLng[], edgePadding: EdgePadding, duration: number) => Promise<void>;
+    fitToElements: (viewTag: number, edgePadding: EdgePadding, duration: number) => Promise<void>;
+    fitToSuppliedMarkers: (viewTag: number, markers: string[], edgePadding: EdgePadding, duration: number) => Promise<void>;
+    getAddressFromCoordinates: (viewTag: number, coordinate: LatLng) => Promise<Address>;
+    getCamera: (viewTag: number) => Promise<Camera>;
+    getMapBoundaries: (viewTag: number) => Promise<BoundingBox>;
+    /** ios only */
+    getMarkersFrames: (viewTag: number, onlyVisible: boolean) => Promise<MarkersFrames>;
+    pointForCoordinate: (viewTag: number, coordinate: LatLng) => Promise<Point>;
+    takeSnapshot: (viewTag: number, config: {
+        width: number;
+        height: number;
+        region?: Region;
+        format: string;
+        quality: number;
+        result: string;
+    }) => Promise<string>;
+}
+declare const _default: Spec | null;
+export default _default;

package/lib/NativeMapViewModule.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_native_1 = require("react-native");
+exports.default = react_native_1.TurboModuleRegistry.get('RNMMapViewModule');

package/lib/decorateMapComponent.d.ts

@@ -16,7 +16,7 @@ export declare const SUPPORTED: ImplementationStatus;
 export declare const USES_DEFAULT_IMPLEMENTATION: ImplementationStatus;
 export declare const NOT_SUPPORTED: ImplementationStatus;
 export declare const ProviderContext: import("react").Context<Provider>;
-export declare function getNativeMapName(provider: Provider): "AIRMap" | "AIRGoogleMap";
+export declare function getNativeMapName(provider: Provider): "RNMMap" | "RNMGoogleMap";
 export declare const createNotSupportedComponent: (message: string) => () => null;
 export declare const googleMapIsInstalled = true;
 export default function decorateMapComponent<Type extends Component>(Component: Type, componentName: ComponentName, providers: Providers): Type;

package/lib/decorateMapComponent.js

@@ -10,12 +10,12 @@ exports.NOT_SUPPORTED = 'NOT_SUPPORTED';
 exports.ProviderContext = (0, react_1.createContext)(undefined);
 function getNativeMapName(provider) {
     if (react_native_1.Platform.OS === 'android') {
-        return 'AIRMap';
+        return 'RNMMap';
     }
     if (provider === ProviderConstants_1.PROVIDER_GOOGLE) {
-        return 'AIRGoogleMap';
+        return 'RNMGoogleMap';
     }
-    return 'AIRMap';
+    return 'RNMMap';
 }
 exports.getNativeMapName = getNativeMapName;
 function getNativeComponentName(provider, component) {