@maplibre/maplibre-react-native 8.6.0-beta.2 → 9.0.1

package/javascript/components/RasterLayer.js

@@ -7,7 +7,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import {NativeModules, requireNativeComponent} from 'react-native';
 
-const MapboxGL = NativeModules.MGLModule;
+const MapLibreGL = NativeModules.MGLModule;
 
 export const NATIVE_MODULE_NAME = 'RCTMGLRasterLayer';
 
@@ -72,7 +72,7 @@ class RasterLayer extends AbstractLayer {
   };
 
   static defaultProps = {
-    sourceID: MapboxGL.StyleSource.DefaultSourceID,
+    sourceID: MapLibreGL.StyleSource.DefaultSourceID,
   };
 
   render() {

package/javascript/components/RasterSource.js

@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
 import {NativeModules, requireNativeComponent} from 'react-native';
 import React from 'react';
 
-const MapboxGL = NativeModules.MGLModule;
+const MapLibreGL = NativeModules.MGLModule;
 
 export const NATIVE_MODULE_NAME = 'RCTMGLRasterSource';
 
@@ -72,7 +72,7 @@ class RasterSource extends AbstractSource {
   };
 
   static defaultProps = {
-    id: MapboxGL.StyleSource.DefaultSourceID,
+    id: MapLibreGL.StyleSource.DefaultSourceID,
   };
 
   constructor(props) {

package/javascript/components/ShapeSource.js

@@ -15,7 +15,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import {NativeModules, requireNativeComponent} from 'react-native';
 
-const MapboxGL = NativeModules.MGLModule;
+const MapLibreGL = NativeModules.MGLModule;
 
 export const NATIVE_MODULE_NAME = 'RCTMGLShapeSource';
 
@@ -120,7 +120,7 @@ class ShapeSource extends NativeBridgeComponent(AbstractSource) {
   };
 
   static defaultProps = {
-    id: MapboxGL.StyleSource.DefaultSourceID,
+    id: MapLibreGL.StyleSource.DefaultSourceID,
   };
 
   constructor(props) {

package/javascript/components/Style.js

@@ -193,8 +193,8 @@ function asSourceComponent(id, source) {
 }
 
 /**
- * Style is a component that automatically adds sources / layers to the map using Mapbox GL Style Spec.
- * Only [`sources`](https://docs.mapbox.com/mapbox-gl-js/style-spec/sources) & [`layers`](https://docs.mapbox.com/mapbox-gl-js/style-spec/layers/) are supported.
+ * Style is a component that automatically adds sources / layers to the map using MapLibre Style Spec.
+ * Only [`sources`](https://maplibre.org/maplibre-gl-js-docs/style-spec/sources/) & [`layers`](https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/) are supported.
  * Other fields such as `sprites`, `glyphs` etc. will be ignored. Not all layer / source attributes from the style spec are supported, in general the supported attributes will be mentioned under https://github.com/maplibre/maplibre-react-native/tree/main/docs.
  *
  * TODO: Maintainer forking this project does not understand the above comment regarding what is supported.
@@ -256,7 +256,7 @@ const Style = props => {
 
 Style.propTypes = {
   /**
-   * A JSON object conforming to the schema described in the Mapbox Style Specification , or a URL to such JSON.
+   * A JSON object conforming to the schema described in the MapLibre Style Specification, or a URL to such JSON.
    */
   json: PropTypes.any,
 };

package/javascript/components/SymbolLayer.js

@@ -7,7 +7,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import {View, NativeModules, requireNativeComponent} from 'react-native';
 
-const MapboxGL = NativeModules.MGLModule;
+const MapLibreGL = NativeModules.MGLModule;
 
 export const NATIVE_MODULE_NAME = 'RCTMGLSymbolLayer';
 
@@ -75,7 +75,7 @@ class SymbolLayer extends AbstractLayer {
   };
 
   static defaultProps = {
-    sourceID: MapboxGL.StyleSource.DefaultSourceID,
+    sourceID: MapLibreGL.StyleSource.DefaultSourceID,
   };
 
   _shouldSnapshot() {

package/javascript/components/UserLocation.js

@@ -104,6 +104,8 @@ class UserLocation extends React.Component {
 
     /**
      * Custom location icon of type mapbox-gl-native components
+     *
+     * NOTE: Forking maintainer does not understand the above comment.
      */
     children: PropTypes.any,
   };

package/javascript/components/VectorSource.js

@@ -14,7 +14,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import {NativeModules, requireNativeComponent} from 'react-native';
 
-const MapboxGL = NativeModules.MGLModule;
+const MapLibreGL = NativeModules.MGLModule;
 
 export const NATIVE_MODULE_NAME = 'RCTMGLVectorSource';
 
@@ -94,7 +94,7 @@ class VectorSource extends NativeBridgeComponent(AbstractSource) {
   };
 
   static defaultProps = {
-    id: MapboxGL.StyleSource.DefaultSourceID,
+    id: MapLibreGL.StyleSource.DefaultSourceID,
   };
 
   constructor(props) {

package/javascript/index.js

@@ -32,16 +32,12 @@ import AnimatedRouteCoordinatesArray from './utils/animated/AnimatedRouteCoordin
 import Style from './components/Style';
 import Logger from './utils/Logger';
 
-import {
-  Animated as RNAnimated,
-  NativeModules,
-  PermissionsAndroid,
-} from 'react-native';
+import {NativeModules, PermissionsAndroid} from 'react-native';
 
-const MapboxGL = {...NativeModules.MGLModule};
+const MapLibreGL = {...NativeModules.MGLModule};
 
 // static methods
-MapboxGL.requestAndroidLocationPermissions = async function () {
+MapLibreGL.requestAndroidLocationPermissions = async function () {
   if (isAndroid()) {
     const res = await PermissionsAndroid.requestMultiple([
       PermissionsAndroid.PERMISSIONS.ACCESS_FINE_LOCATION,
@@ -65,56 +61,56 @@ MapboxGL.requestAndroidLocationPermissions = async function () {
   throw new Error('You should only call this method on Android!');
 };
 
-MapboxGL.UserTrackingModes = Camera.UserTrackingModes;
+MapLibreGL.UserTrackingModes = Camera.UserTrackingModes;
 
 // components
-MapboxGL.MapView = MapView;
-MapboxGL.Light = Light;
-MapboxGL.PointAnnotation = PointAnnotation;
-MapboxGL.Callout = Callout;
-MapboxGL.UserLocation = UserLocation;
-MapboxGL.Camera = Camera;
-MapboxGL.Style = Style;
+MapLibreGL.MapView = MapView;
+MapLibreGL.Light = Light;
+MapLibreGL.PointAnnotation = PointAnnotation;
+MapLibreGL.Callout = Callout;
+MapLibreGL.UserLocation = UserLocation;
+MapLibreGL.Camera = Camera;
+MapLibreGL.Style = Style;
 
 // annotations
-MapboxGL.Annotation = Annotation;
-MapboxGL.MarkerView = MarkerView;
+MapLibreGL.Annotation = Annotation;
+MapLibreGL.MarkerView = MarkerView;
 
 // sources
-MapboxGL.VectorSource = VectorSource;
-MapboxGL.ShapeSource = ShapeSource;
-MapboxGL.RasterSource = RasterSource;
-MapboxGL.ImageSource = ImageSource;
-MapboxGL.Images = Images;
+MapLibreGL.VectorSource = VectorSource;
+MapLibreGL.ShapeSource = ShapeSource;
+MapLibreGL.RasterSource = RasterSource;
+MapLibreGL.ImageSource = ImageSource;
+MapLibreGL.Images = Images;
 
 // layers
-MapboxGL.FillLayer = FillLayer;
-MapboxGL.FillExtrusionLayer = FillExtrusionLayer;
-MapboxGL.HeatmapLayer = HeatmapLayer;
-MapboxGL.LineLayer = LineLayer;
-MapboxGL.CircleLayer = CircleLayer;
-MapboxGL.SymbolLayer = SymbolLayer;
-MapboxGL.RasterLayer = RasterLayer;
-MapboxGL.BackgroundLayer = BackgroundLayer;
+MapLibreGL.FillLayer = FillLayer;
+MapLibreGL.FillExtrusionLayer = FillExtrusionLayer;
+MapLibreGL.HeatmapLayer = HeatmapLayer;
+MapLibreGL.LineLayer = LineLayer;
+MapLibreGL.CircleLayer = CircleLayer;
+MapLibreGL.SymbolLayer = SymbolLayer;
+MapLibreGL.RasterLayer = RasterLayer;
+MapLibreGL.BackgroundLayer = BackgroundLayer;
 
 // modules
-MapboxGL.locationManager = locationManager;
-MapboxGL.offlineManager = offlineManager;
-MapboxGL.snapshotManager = snapshotManager;
+MapLibreGL.locationManager = locationManager;
+MapLibreGL.offlineManager = offlineManager;
+MapLibreGL.snapshotManager = snapshotManager;
 
 // animated
-MapboxGL.Animated = Animated;
+MapLibreGL.Animated = Animated;
 
 // utils
-MapboxGL.AnimatedPoint = AnimatedMapPoint;
-MapboxGL.AnimatedCoordinatesArray = AnimatedCoordinatesArray;
-MapboxGL.AnimatedExtractCoordinateFromArray =
+MapLibreGL.AnimatedPoint = AnimatedMapPoint;
+MapLibreGL.AnimatedCoordinatesArray = AnimatedCoordinatesArray;
+MapLibreGL.AnimatedExtractCoordinateFromArray =
   AnimatedExtractCoordinateFromArray;
-MapboxGL.AnimatedRouteCoordinatesArray = AnimatedRouteCoordinatesArray;
-MapboxGL.AnimatedShape = AnimatedShape;
-MapboxGL.Logger = Logger;
+MapLibreGL.AnimatedRouteCoordinatesArray = AnimatedRouteCoordinatesArray;
+MapLibreGL.AnimatedShape = AnimatedShape;
+MapLibreGL.Logger = Logger;
 
-const {LineJoin} = MapboxGL;
+const {LineJoin} = MapLibreGL;
 
 export {
   MapView,
@@ -150,4 +146,4 @@ export {
   Style,
 };
 
-export default MapboxGL;
+export default MapLibreGL;

package/javascript/modules/location/locationManager.js

@@ -1,10 +1,10 @@
 import {NativeModules, NativeEventEmitter} from 'react-native';
 
-const MapboxGL = NativeModules.MGLModule;
-const MapboxGLLocationManager = NativeModules.MGLLocationModule;
+const MapLibreGL = NativeModules.MGLModule;
+const MapLibreGLLocationManager = NativeModules.MGLLocationModule;
 
 export const LocationModuleEventEmitter = new NativeEventEmitter(
-  MapboxGLLocationManager,
+  MapLibreGLLocationManager,
 );
 
 class LocationManager {
@@ -26,7 +26,7 @@ class LocationManager {
       // instead of throwing an exception
       try {
         lastKnownLocation =
-          await MapboxGLLocationManager.getLastKnownLocation();
+          await MapLibreGLLocationManager.getLastKnownLocation();
       } catch (error) {
         console.log('locationManager Error: ', error);
       }
@@ -66,10 +66,10 @@ class LocationManager {
 
   start(displacement = 0) {
     if (!this._isListening) {
-      MapboxGLLocationManager.start(displacement);
+      MapLibreGLLocationManager.start(displacement);
 
       this.subscription = LocationModuleEventEmitter.addListener(
-        MapboxGL.LocationCallbackName.Update,
+        MapLibreGL.LocationCallbackName.Update,
         this.onUpdate,
       );
 
@@ -78,7 +78,7 @@ class LocationManager {
   }
 
   stop() {
-    MapboxGLLocationManager.stop();
+    MapLibreGLLocationManager.stop();
 
     if (this._isListening) {
       this.subscription.remove();
@@ -88,7 +88,7 @@ class LocationManager {
   }
 
   setMinDisplacement(minDisplacement) {
-    MapboxGLLocationManager.setMinDisplacement(minDisplacement);
+    MapLibreGLLocationManager.setMinDisplacement(minDisplacement);
   }
 
   onUpdate(location) {

package/javascript/modules/offline/OfflinePack.js

@@ -1,6 +1,6 @@
 import {NativeModules} from 'react-native';
 
-const MapboxGLOfflineManager = NativeModules.MGLOfflineModule;
+const MapLibreGLOfflineManager = NativeModules.MGLOfflineModule;
 
 class OfflinePack {
   constructor(pack) {
@@ -25,15 +25,15 @@ class OfflinePack {
   }
 
   status() {
-    return MapboxGLOfflineManager.getPackStatus(this.name);
+    return MapLibreGLOfflineManager.getPackStatus(this.name);
   }
 
   resume() {
-    return MapboxGLOfflineManager.resumePackDownload(this.name);
+    return MapLibreGLOfflineManager.resumePackDownload(this.name);
   }
 
   pause() {
-    return MapboxGLOfflineManager.pausePackDownload(this.name);
+    return MapLibreGLOfflineManager.pausePackDownload(this.name);
   }
 }
 

package/javascript/modules/offline/offlineManager.js

@@ -5,10 +5,10 @@ import OfflinePack from './OfflinePack';
 
 import {NativeModules, NativeEventEmitter} from 'react-native';
 
-const MapboxGL = NativeModules.MGLModule;
-const MapboxGLOfflineManager = NativeModules.MGLOfflineModule;
+const MapLibreGL = NativeModules.MGLModule;
+const MapLibreGLOfflineManager = NativeModules.MGLOfflineModule;
 export const OfflineModuleEventEmitter = new NativeEventEmitter(
-  MapboxGLOfflineManager,
+  MapLibreGLOfflineManager,
 );
 
 /**
@@ -39,7 +39,7 @@ class OfflineManager {
    * const progressListener = (offlineRegion, status) => console.log(offlineRegion, status);
    * const errorListener = (offlineRegion, err) => console.log(offlineRegion, err);
    *
-   * await MapboxGL.offlineManager.createPack({
+   * await MapLibreGL.offlineManager.createPack({
    *   name: 'offlinePack',
    *   styleURL: 'mapbox://...',
    *   minZoom: 14,
@@ -64,7 +64,7 @@ class OfflineManager {
     }
 
     this.subscribe(packOptions.name, progressListener, errorListener);
-    const nativeOfflinePack = await MapboxGLOfflineManager.createPack(
+    const nativeOfflinePack = await MapLibreGLOfflineManager.createPack(
       packOptions,
     );
     this._offlinePacks[packOptions.name] = new OfflinePack(nativeOfflinePack);
@@ -76,7 +76,7 @@ class OfflineManager {
    * This is more efficient than deleting the offline pack and downloading it again. If the data stored locally matches that on the server, new data will not be downloaded.
    *
    * @example
-   * await MapboxGL.offlineManager.invalidatePack('packName')
+   * await MapLibreGL.offlineManager.invalidatePack('packName')
    *
    * @param  {String}  name  Name of the offline pack.
    * @return {void}
@@ -90,7 +90,7 @@ class OfflineManager {
 
     const offlinePack = this._offlinePacks[name];
     if (offlinePack) {
-      await MapboxGLOfflineManager.invalidatePack(name);
+      await MapLibreGLOfflineManager.invalidatePack(name);
     }
   }
 
@@ -98,7 +98,7 @@ class OfflineManager {
    * Unregisters the given offline pack and allows resources that are no longer required by any remaining packs to be potentially freed.
    *
    * @example
-   * await MapboxGL.offlineManager.deletePack('packName')
+   * await MapLibreGL.offlineManager.deletePack('packName')
    *
    * @param  {String}  name  Name of the offline pack.
    * @return {void}
@@ -112,7 +112,7 @@ class OfflineManager {
 
     const offlinePack = this._offlinePacks[name];
     if (offlinePack) {
-      await MapboxGLOfflineManager.deletePack(name);
+      await MapLibreGLOfflineManager.deletePack(name);
       delete this._offlinePacks[name];
     }
   }
@@ -124,13 +124,13 @@ class OfflineManager {
    * It does not erase resources from the ambient cache or delete the database, which can be computationally expensive operations that may carry unintended side effects.
    *
    * @example
-   * await MapboxGL.offlineManager.invalidateAmbientCache();
+   * await MapLibreGL.offlineManager.invalidateAmbientCache();
    *
    * @return {void}
    */
   async invalidateAmbientCache() {
     await this._initialize();
-    await MapboxGLOfflineManager.invalidateAmbientCache();
+    await MapLibreGLOfflineManager.invalidateAmbientCache();
   }
 
   /**
@@ -138,13 +138,13 @@ class OfflineManager {
    * This method clears the cache and decreases the amount of space that map resources take up on the device.
    *
    * @example
-   * await MapboxGL.offlineManager.clearAmbientCache();
+   * await MapLibreGL.offlineManager.clearAmbientCache();
    *
    * @return {void}
    */
   async clearAmbientCache() {
     await this._initialize();
-    await MapboxGLOfflineManager.clearAmbientCache();
+    await MapLibreGLOfflineManager.clearAmbientCache();
   }
 
   /**
@@ -152,34 +152,34 @@ class OfflineManager {
    * This method may be computationally expensive because it will erase resources from the ambient cache if its size is decreased.
    *
    * @example
-   * await MapboxGL.offlineManager.setMaximumAmbientCacheSize(5000000);
+   * await MapLibreGL.offlineManager.setMaximumAmbientCacheSize(5000000);
    *
    * @param  {Number}  size  Size of ambient cache.
    * @return {void}
    */
   async setMaximumAmbientCacheSize(size) {
     await this._initialize();
-    await MapboxGLOfflineManager.setMaximumAmbientCacheSize(size);
+    await MapLibreGLOfflineManager.setMaximumAmbientCacheSize(size);
   }
 
   /**
    * Deletes the existing database, which includes both the ambient cache and offline packs, then reinitializes it.
    *
    * @example
-   * await MapboxGL.offlineManager.resetDatabase();
+   * await MapLibreGL.offlineManager.resetDatabase();
    *
    * @return {void}
    */
   async resetDatabase() {
     await this._initialize();
-    await MapboxGLOfflineManager.resetDatabase();
+    await MapLibreGLOfflineManager.resetDatabase();
   }
 
   /**
    * Retrieves all the current offline packs that are stored in the database.
    *
    * @example
-   * const offlinePacks = await MapboxGL.offlineManager.getPacks();
+   * const offlinePacks = await MapLibreGL.offlineManager.getPacks();
    *
    * @return {Array<OfflinePack>}
    */
@@ -194,7 +194,7 @@ class OfflineManager {
    * Retrieves an offline pack that is stored in the database by name.
    *
    * @example
-   * const offlinePack = await MapboxGL.offlineManager.getPack();
+   * const offlinePack = await MapLibreGL.offlineManager.getPack();
    *
    * @param  {String}  name  Name of the offline pack.
    * @return {OfflinePack}
@@ -208,28 +208,28 @@ class OfflineManager {
    * Sideloads offline db
    *
    * @example
-   * await MapboxGL.offlineManager.mergeOfflineRegions(path);
+   * await MapLibreGL.offlineManager.mergeOfflineRegions(path);
    *
    * @param {String} path Path to offline tile db on file system.
    * @return {void}
    */
   async mergeOfflineRegions(path) {
     await this._initialize();
-    return MapboxGLOfflineManager.mergeOfflineRegions(path);
+    return MapLibreGLOfflineManager.mergeOfflineRegions(path);
   }
 
   /**
-   * Sets the maximum number of Mapbox-hosted tiles that may be downloaded and stored on the current device.
-   * The Mapbox Terms of Service prohibit changing or bypassing this limit without permission from Mapbox.
+   * Sets the maximum number of tiles that may be downloaded and stored on the current device.
+   * Consult the Terms of Service for your map tile host before changing this value.
    *
    * @example
-   * MapboxGL.offlineManager.setTileCountLimit(1000);
+   * MapLibreGL.offlineManager.setTileCountLimit(1000);
    *
    * @param {Number} limit Map tile limit count.
    * @return {void}
    */
   setTileCountLimit(limit) {
-    MapboxGLOfflineManager.setTileCountLimit(limit);
+    MapLibreGLOfflineManager.setTileCountLimit(limit);
   }
 
   /**
@@ -237,13 +237,13 @@ class OfflineManager {
    * The default is 500ms.
    *
    * @example
-   * MapboxGL.offlineManager.setProgressEventThrottle(500);
+   * MapLibreGL.offlineManager.setProgressEventThrottle(500);
    *
    * @param {Number} throttleValue event throttle value in ms.
    * @return {void}
    */
   setProgressEventThrottle(throttleValue) {
-    MapboxGLOfflineManager.setProgressEventThrottle(throttleValue);
+    MapLibreGLOfflineManager.setProgressEventThrottle(throttleValue);
   }
 
   /**
@@ -253,7 +253,7 @@ class OfflineManager {
    * @example
    * const progressListener = (offlinePack, status) => console.log(offlinePack, status)
    * const errorListener = (offlinePack, err) => console.log(offlinePack, err)
-   * MapboxGL.offlineManager.subscribe('packName', progressListener, errorListener)
+   * MapLibreGL.offlineManager.subscribe('packName', progressListener, errorListener)
    *
    * @param  {String} packName           Name of the offline pack.
    * @param  {Callback} progressListener Callback that listens for status events while downloading the offline resource.
@@ -265,7 +265,7 @@ class OfflineManager {
     if (isFunction(progressListener)) {
       if (totalProgressListeners === 0) {
         this.subscriptionProgress = OfflineModuleEventEmitter.addListener(
-          MapboxGL.OfflineCallbackName.Progress,
+          MapLibreGL.OfflineCallbackName.Progress,
           this._onProgress,
         );
       }
@@ -276,7 +276,7 @@ class OfflineManager {
     if (isFunction(errorListener)) {
       if (totalErrorListeners === 0) {
         this.subscriptionError = OfflineModuleEventEmitter.addListener(
-          MapboxGL.OfflineCallbackName.Error,
+          MapLibreGL.OfflineCallbackName.Error,
           this._onError,
         );
       }
@@ -288,7 +288,7 @@ class OfflineManager {
     if (isAndroid() && this._offlinePacks[packName]) {
       try {
         // manually set a listener, since listeners are only set on create flow
-        await MapboxGLOfflineManager.setPackObserver(packName);
+        await MapLibreGLOfflineManager.setPackObserver(packName);
       } catch (e) {
         console.log('Unable to set pack observer', e);
       }
@@ -300,7 +300,7 @@ class OfflineManager {
    * It's a good idea to call this on componentWillUnmount.
    *
    * @example
-   * MapboxGL.offlineManager.unsubscribe('packName')
+   * MapLibreGL.offlineManager.unsubscribe('packName')
    *
    * @param  {String} packName Name of the offline pack.
    * @return {void}
@@ -329,7 +329,7 @@ class OfflineManager {
       return true;
     }
 
-    const nativeOfflinePacks = await MapboxGLOfflineManager.getPacks();
+    const nativeOfflinePacks = await MapLibreGLOfflineManager.getPacks();
 
     for (const nativeOfflinePack of nativeOfflinePacks) {
       const offlinePack = new OfflinePack(nativeOfflinePack);
@@ -351,7 +351,7 @@ class OfflineManager {
     this._progressListeners[name](pack, e.payload);
 
     // cleanup listeners now that they are no longer needed
-    if (state === MapboxGL.OfflinePackDownloadState.Complete) {
+    if (state === MapLibreGL.OfflinePackDownloadState.Complete) {
       this.unsubscribe(name);
     }
   }

package/javascript/modules/snapshot/SnapshotOptions.js

@@ -3,7 +3,7 @@ import {makePoint, makeFeatureCollection} from '../../utils/geoUtils';
 
 import {NativeModules} from 'react-native';
 
-const MapboxGL = NativeModules.MGLModule;
+const MapLibreGL = NativeModules.MGLModule;
 
 class SnapshotOptions {
   constructor(options = {}) {
@@ -13,7 +13,7 @@ class SnapshotOptions {
       );
     }
 
-    this.styleURL = options.styleURL || MapboxGL.StyleURL.Street;
+    this.styleURL = options.styleURL || MapLibreGL.StyleURL.Street;
     this.heading = options.heading || 0.0;
     this.pitch = options.pitch || 0.0;
     this.zoomLevel = options.zoomLevel || 16.0;

package/javascript/modules/snapshot/snapshotManager.js

@@ -2,7 +2,7 @@ import SnapshotOptions from './SnapshotOptions';
 
 import {NativeModules} from 'react-native';
 
-const MapboxGLSnapshotManger = NativeModules.MGLSnapshotModule;
+const MapLibreGLSnapshotManger = NativeModules.MGLSnapshotModule;
 
 /**
  * The snapshotManager generates static raster images of the map.
@@ -16,35 +16,35 @@ class SnapshotManager {
    * @example
    *
    * // creates a temp file png of base map
-   * const uri = await MapboxGL.snapshotManager.takeSnap({
+   * const uri = await MapLibreGL.snapshotManager.takeSnap({
    *   centerCoordinate: [-74.126410, 40.797968],
    *   width: width,
    *   height: height,
    *   zoomLevel: 12,
    *   pitch: 30,
    *   heading: 20,
-   *   styleURL: MapboxGL.StyleURL.Dark,
+   *   styleURL: MapLibreGL.StyleURL.Dark,
    *   writeToDisk: true, // Create a temporary file
    * });
    *
    * // creates base64 png of base map without logo
-   * const uri = await MapboxGL.snapshotManager.takeSnap({
+   * const uri = await MapLibreGL.snapshotManager.takeSnap({
    *   centerCoordinate: [-74.126410, 40.797968],
    *   width: width,
    *   height: height,
    *   zoomLevel: 12,
    *   pitch: 30,
    *   heading: 20,
-   *   styleURL: MapboxGL.StyleURL.Dark,
+   *   styleURL: MapLibreGL.StyleURL.Dark,
    *   withLogo: false, // Disable Mapbox logo (Android only)
    * });
    *
    * // creates snapshot with bounds
-   * const uri = await MapboxGL.snapshotManager.takeSnap({
+   * const uri = await MapLibreGL.snapshotManager.takeSnap({
    *   bounds: [[-74.126410, 40.797968], [-74.143727, 40.772177]],
    *   width: width,
    *   height: height,
-   *   styleURL: MapboxGL.StyleURL.Dark,
+   *   styleURL: MapLibreGL.StyleURL.Dark,
    * });
    *
    * @param  {SnapshotOptions}  options Snapshot options for create a static image of the base map
@@ -53,7 +53,7 @@ class SnapshotManager {
   async takeSnap(options = {}) {
     const snapshotOptions = new SnapshotOptions(options);
 
-    const uri = await MapboxGLSnapshotManger.takeSnap(snapshotOptions);
+    const uri = await MapLibreGLSnapshotManger.takeSnap(snapshotOptions);
     return uri;
   }
 }