@maplibre/maplibre-react-native 11.0.0-alpha.35 → 11.0.0-alpha.37

package/android/src/main/java/org/maplibre/reactnative/MLRNPackage.kt

@@ -25,16 +25,16 @@ import org.maplibre.reactnative.components.mapview.MLRNAndroidTextureMapViewMana
 import org.maplibre.reactnative.components.mapview.MLRNMapViewManager
 import org.maplibre.reactnative.components.mapview.MLRNMapViewModule
 import org.maplibre.reactnative.components.sources.imagesource.MLRNImageSourceManager
-import org.maplibre.reactnative.components.sources.shapesource.MLRNShapeSourceManager
-import org.maplibre.reactnative.components.sources.shapesource.MLRNShapeSourceModule
+import org.maplibre.reactnative.components.sources.geojsonsource.MLRNGeoJSONSourceManager
+import org.maplibre.reactnative.components.sources.geojsonsource.MLRNGeoJSONSourceModule
 import org.maplibre.reactnative.components.sources.tilesources.rastersource.MLRNRasterSourceManager
 import org.maplibre.reactnative.components.sources.tilesources.vectorsource.MLRNVectorSourceManager
 import org.maplibre.reactnative.components.sources.tilesources.vectorsource.MLRNVectorSourceModule
 import org.maplibre.reactnative.modules.MLRNLocationModule
 import org.maplibre.reactnative.modules.MLRNLogModule
-import org.maplibre.reactnative.modules.MLRNOfflineModule
 import org.maplibre.reactnative.modules.MLRNNetworkModule
-import org.maplibre.reactnative.modules.MLRNSnapshotModule
+import org.maplibre.reactnative.modules.MLRNOfflineModule
+import org.maplibre.reactnative.modules.MLRNStaticMapModule
 import org.maplibre.reactnative.utils.ReactTagResolver
 
 class MLRNPackage : BaseReactPackage() {
@@ -53,7 +53,7 @@ class MLRNPackage : BaseReactPackage() {
                 getReactTagResolver(reactContext),
             )
 
-            MLRNShapeSourceModule.NAME -> return MLRNShapeSourceModule(
+            MLRNGeoJSONSourceModule.NAME -> return MLRNGeoJSONSourceModule(
                 reactContext,
                 getReactTagResolver(reactContext),
             )
@@ -65,7 +65,7 @@ class MLRNPackage : BaseReactPackage() {
 
             MLRNOfflineModule.NAME -> return MLRNOfflineModule(reactContext)
 
-            MLRNSnapshotModule.NAME -> return MLRNSnapshotModule(reactContext)
+            MLRNStaticMapModule.NAME -> return MLRNStaticMapModule(reactContext)
 
             MLRNLocationModule.NAME -> return MLRNLocationModule(reactContext)
 
@@ -101,10 +101,10 @@ class MLRNPackage : BaseReactPackage() {
                     isTurboModule = true,
                 )
 
-            moduleInfos[MLRNShapeSourceModule.NAME] =
+            moduleInfos[MLRNGeoJSONSourceModule.NAME] =
                 ReactModuleInfo(
-                    MLRNShapeSourceModule.NAME,
-                    MLRNShapeSourceModule.NAME,
+                    MLRNGeoJSONSourceModule.NAME,
+                    MLRNGeoJSONSourceModule.NAME,
                     canOverrideExistingModule = false,
                     needsEagerInit = false,
                     isCxxModule = false,
@@ -131,10 +131,10 @@ class MLRNPackage : BaseReactPackage() {
                     isTurboModule = true,
                 )
 
-            moduleInfos[MLRNSnapshotModule.NAME] =
+            moduleInfos[MLRNStaticMapModule.NAME] =
                 ReactModuleInfo(
-                    MLRNSnapshotModule.NAME,
-                    MLRNSnapshotModule.NAME,
+                    MLRNStaticMapModule.NAME,
+                    MLRNStaticMapModule.NAME,
                     canOverrideExistingModule = false,
                     needsEagerInit = false,
                     isCxxModule = false,
@@ -188,7 +188,7 @@ class MLRNPackage : BaseReactPackage() {
 
         // sources
         managers.add(MLRNImageSourceManager(reactContext))
-        managers.add(MLRNShapeSourceManager(reactContext))
+        managers.add(MLRNGeoJSONSourceManager(reactContext))
         managers.add(MLRNRasterSourceManager(reactContext))
         managers.add(MLRNVectorSourceManager(reactContext))
 

package/android/src/main/java/org/maplibre/reactnative/components/images/MLRNImages.java

@@ -177,7 +177,7 @@ public class MLRNImages extends AbstractMapFeature {
     public void addToMap(final MLRNMapView mapView) {
         // Wait for style before adding the source to the map
         // only then we can pre-load required images / placeholders into the style
-        // before we add the ShapeSource to the map
+        // before we add the GeoJSONSource to the map
         mapView.getStyle(new Style.OnStyleLoaded() {
             @Override
             public void onStyleLoaded(@NonNull Style style) {
@@ -209,8 +209,8 @@ public class MLRNImages extends AbstractMapFeature {
         List<Map.Entry<String, ImageEntry>> missingImages = new ArrayList<>();
 
         // Add image placeholder for images that are not yet available in the style. This way
-        // we can load the images asynchronously and add the ShapeSource to the map without delay.
-        // The same is required when this ShapeSource is updated with new/added images and the
+        // we can load the images asynchronously and add the GeoJSONSource to the map without delay.
+        // The same is required when this GeoJSONSource is updated with new/added images and the
         // data references them. In which case addMissingImageToStyle will take care of loading
         // them in a similar way.
         //

package/android/src/main/java/org/maplibre/reactnative/components/mapview/MLRNMapView.kt

@@ -63,6 +63,7 @@ import org.maplibre.reactnative.components.sources.MLRNSource
 import org.maplibre.reactnative.events.MapChangeEvent
 import org.maplibre.reactnative.events.MapPressEvent
 import org.maplibre.reactnative.utils.BitmapUtils
+import org.maplibre.reactnative.utils.ConvertUtils
 import org.maplibre.reactnative.utils.GeoJSONUtils
 import kotlin.math.roundToInt
 
@@ -401,21 +402,12 @@ open class MLRNMapView(
         }
     }
 
-    fun isJSONValid(test: String): Boolean {
-        try {
-            JSONObject(test)
-        } catch (_: JSONException) {
-            return false
-        }
-        return true
-    }
-
     override fun onMapReady(mapLibreMap: MapLibreMap) {
         this.mapLibreMap = mapLibreMap
 
         mapStyle?.let { style ->
             mapLibreMap.setStyle(
-                if (isJSONValid(style)) {
+                if (ConvertUtils.isJSONValid(style)) {
                     Style.Builder().fromJson(style)
                 } else {
                     Style
@@ -735,7 +727,7 @@ open class MLRNMapView(
 
                 mapStyle?.let { style ->
                     map.setStyle(
-                        if (isJSONValid(style)) {
+                        if (ConvertUtils.isJSONValid(style)) {
                             Style.Builder().fromJson(style)
                         } else {
                             Style

package/android/src/main/java/org/maplibre/reactnative/components/mapview/MLRNMapViewModule.kt

@@ -176,13 +176,13 @@ class MLRNMapViewModule(
         }
     }
 
-    override fun takeSnap(
+    override fun createStaticMapImage(
         reactTag: Double,
-        writeToDisk: Boolean,
+        output: String,
         promise: Promise,
     ) {
         withViewportOnUIThread(reactTag, promise) {
-            it.takeSnap(writeToDisk) { payload ->
+            it.takeSnap(output == "file") { payload ->
                 promise.resolve(payload)
             }
         }

package/android/src/main/java/org/maplibre/reactnative/components/sources/geojsonsource/ClusterPropertyEntry.kt

@@ -0,0 +1,8 @@
+package org.maplibre.reactnative.components.sources.geojsonsource
+
+import org.maplibre.android.style.expressions.Expression
+
+class ClusterPropertyEntry(
+    var operator: Expression,
+    var mapping: Expression,
+)

package/android/src/main/java/org/maplibre/reactnative/components/sources/{shapesource/MLRNShapeSource.kt → geojsonsource/MLRNGeoJSONSource.kt}

@@ -1,4 +1,4 @@
-package org.maplibre.reactnative.components.sources.shapesource
+package org.maplibre.reactnative.components.sources.geojsonsource
 
 import android.content.Context
 import com.facebook.react.bridge.WritableArray
@@ -15,7 +15,9 @@ import org.maplibre.reactnative.components.sources.MLRNPressableSource
 import org.maplibre.reactnative.utils.GeoJSONUtils
 import java.net.URI
 
-class MLRNShapeSource(context: Context) : MLRNPressableSource<GeoJsonSource>(context) {
+class MLRNGeoJSONSource(
+    context: Context,
+) : MLRNPressableSource<GeoJsonSource>(context) {
     private var uri: URI? = null
     private var geoJson: String? = null
 
@@ -31,13 +33,10 @@ class MLRNShapeSource(context: Context) : MLRNPressableSource<GeoJsonSource>(con
     private var clusterProperties: MutableList<MutableMap.MutableEntry<String, ClusterPropertyEntry>>? =
         null
 
-
-
-
     override fun addToMap(mapView: MLRNMapView) {
         // Wait for style before adding the source to the map
         mapView.mapLibreMap!!.getStyle {
-            super@MLRNShapeSource.addToMap(mapView)
+            super@MLRNGeoJSONSource.addToMap(mapView)
         }
     }
 
@@ -150,18 +149,15 @@ class MLRNShapeSource(context: Context) : MLRNPressableSource<GeoJsonSource>(con
             return options
         }
 
-    fun getData(
-        filter: Expression?
-    ): WritableMap {
+    fun getData(filter: Expression?): WritableMap {
         if (source == null) {
             throw IllegalStateException("Source is not yet loaded")
         }
 
         val features: List<Feature> = source!!.querySourceFeatures(filter)
 
-
         return GeoJSONUtils.fromFeatureCollection(
-            FeatureCollection.fromFeatures(features)
+            FeatureCollection.fromFeatures(features),
         )
     }
 
@@ -175,14 +171,21 @@ class MLRNShapeSource(context: Context) : MLRNPressableSource<GeoJsonSource>(con
         return zoom
     }
 
-    fun getClusterLeaves(clusterId: Int, limit: Int, offset: Int): WritableArray {
+    fun getClusterLeaves(
+        clusterId: Int,
+        limit: Int,
+        offset: Int,
+    ): WritableArray {
         if (source == null) {
             throw IllegalStateException("Source is not yet loaded")
         }
 
-        val features = source!!.getClusterLeaves(
-            createClusterFeature(clusterId), limit.toLong(), offset.toLong()
-        )
+        val features =
+            source!!.getClusterLeaves(
+                createClusterFeature(clusterId),
+                limit.toLong(),
+                offset.toLong(),
+            )
 
         return GeoJSONUtils.fromFeatureList(features.features()?.toList()!!)
     }
@@ -202,7 +205,8 @@ class MLRNShapeSource(context: Context) : MLRNPressableSource<GeoJsonSource>(con
         properties.addProperty("cluster_id", clusterId)
 
         return Feature.fromGeometry(
-            Point.fromLngLat(0.0, 0.0), properties
+            Point.fromLngLat(0.0, 0.0),
+            properties,
         )
     }
 }

package/android/src/main/java/org/maplibre/reactnative/components/sources/{shapesource/MLRNShapeSourceManager.kt → geojsonsource/MLRNGeoJSONSourceManager.kt}

@@ -1,4 +1,4 @@
-package org.maplibre.reactnative.components.sources.shapesource
+package org.maplibre.reactnative.components.sources.geojsonsource
 
 import android.util.Log
 import com.facebook.react.bridge.Dynamic
@@ -8,8 +8,8 @@ import com.facebook.react.module.annotations.ReactModule
 import com.facebook.react.uimanager.ThemedReactContext
 import com.facebook.react.uimanager.ViewManagerDelegate
 import com.facebook.react.uimanager.annotations.ReactProp
-import com.facebook.react.viewmanagers.MLRNShapeSourceManagerDelegate
-import com.facebook.react.viewmanagers.MLRNShapeSourceManagerInterface
+import com.facebook.react.viewmanagers.MLRNGeoJSONSourceManagerDelegate
+import com.facebook.react.viewmanagers.MLRNGeoJSONSourceManagerInterface
 import org.json.JSONException
 import org.json.JSONObject
 import org.maplibre.android.style.expressions.Expression
@@ -19,25 +19,24 @@ import java.net.MalformedURLException
 import java.net.URI
 import java.util.AbstractMap
 
-@ReactModule(name = MLRNShapeSourceManager.REACT_CLASS)
-class MLRNShapeSourceManager(context: ReactApplicationContext) :
-    MLRNSourceManager<MLRNShapeSource>(context), MLRNShapeSourceManagerInterface<MLRNShapeSource> {
-    private val delegate: MLRNShapeSourceManagerDelegate<MLRNShapeSource, MLRNShapeSourceManager> =
-        MLRNShapeSourceManagerDelegate(this)
-
-    override fun getDelegate(): ViewManagerDelegate<MLRNShapeSource> = delegate
+@ReactModule(name = MLRNGeoJSONSourceManager.REACT_CLASS)
+class MLRNGeoJSONSourceManager(
+    context: ReactApplicationContext,
+) : MLRNSourceManager<MLRNGeoJSONSource>(context),
+    MLRNGeoJSONSourceManagerInterface<MLRNGeoJSONSource> {
+    private val delegate: MLRNGeoJSONSourceManagerDelegate<MLRNGeoJSONSource, MLRNGeoJSONSourceManager> =
+        MLRNGeoJSONSourceManagerDelegate(this)
 
+    override fun getDelegate(): ViewManagerDelegate<MLRNGeoJSONSource> = delegate
 
     companion object {
-        const val REACT_CLASS: String = "MLRNShapeSource"
-        const val LOG_TAG: String = "MLRNShapeSourceManager"
+        const val REACT_CLASS: String = "MLRNGeoJSONSource"
+        const val LOG_TAG: String = "MLRNGeoJSONSourceManager"
     }
 
     override fun getName(): String = REACT_CLASS
 
-    override fun createViewInstance(themedReactContext: ThemedReactContext): MLRNShapeSource {
-        return MLRNShapeSource(themedReactContext)
-    }
+    override fun createViewInstance(themedReactContext: ThemedReactContext): MLRNGeoJSONSource = MLRNGeoJSONSource(themedReactContext)
 
     fun isJSONValid(test: String): Boolean {
         try {
@@ -48,9 +47,11 @@ class MLRNShapeSourceManager(context: ReactApplicationContext) :
         return true
     }
 
-
     @ReactProp(name = "data")
-    override fun setData(source: MLRNShapeSource, value: String?) {
+    override fun setData(
+        source: MLRNGeoJSONSource,
+        value: String?,
+    ) {
         if (value != null) {
             if (isJSONValid(value)) {
                 source.setGeoJson(value)
@@ -65,49 +66,75 @@ class MLRNShapeSourceManager(context: ReactApplicationContext) :
     }
 
     @ReactProp(name = "maxzoom")
-    override fun setMaxzoom(source: MLRNShapeSource, value: Int) {
+    override fun setMaxzoom(
+        source: MLRNGeoJSONSource,
+        value: Int,
+    ) {
         source.setMaxZoom(if (value != -1) value else null)
     }
 
     @ReactProp(name = "buffer")
-    override fun setBuffer(source: MLRNShapeSource, value: Int) {
+    override fun setBuffer(
+        source: MLRNGeoJSONSource,
+        value: Int,
+    ) {
         source.setBuffer(if (value != -1) value else null)
     }
 
     @ReactProp(name = "tolerance")
-    override fun setTolerance(source: MLRNShapeSource, value: Double) {
+    override fun setTolerance(
+        source: MLRNGeoJSONSource,
+        value: Double,
+    ) {
         source.setTolerance(if (value.toInt() != -1) value else null)
     }
 
     @ReactProp(name = "lineMetrics")
-    override fun setLineMetrics(source: MLRNShapeSource, lineMetrics: Boolean) {
+    override fun setLineMetrics(
+        source: MLRNGeoJSONSource,
+        lineMetrics: Boolean,
+    ) {
         source.setLineMetrics(lineMetrics)
     }
 
-
     @ReactProp(name = "cluster")
-    override fun setCluster(source: MLRNShapeSource, value: Boolean) {
+    override fun setCluster(
+        source: MLRNGeoJSONSource,
+        value: Boolean,
+    ) {
         source.setCluster(value)
     }
 
     @ReactProp(name = "clusterRadius")
-    override fun setClusterRadius(source: MLRNShapeSource, value: Int) {
+    override fun setClusterRadius(
+        source: MLRNGeoJSONSource,
+        value: Int,
+    ) {
         source.setClusterRadius(if (value != -1) value else null)
     }
 
     @ReactProp(name = "clusterMinPoints")
-    override fun setClusterMinPoints(source: MLRNShapeSource, value: Int) {
+    override fun setClusterMinPoints(
+        source: MLRNGeoJSONSource,
+        value: Int,
+    ) {
         source.setClusterMinPoints(if (value != -1) value else null)
     }
 
     @ReactProp(name = "clusterMaxZoom")
-    override fun setClusterMaxZoom(source: MLRNShapeSource, value: Int) {
+    override fun setClusterMaxZoom(
+        source: MLRNGeoJSONSource,
+        value: Int,
+    ) {
         source.setClusterMaxZoom(if (value != -1) value else null)
     }
 
     @ReactProp(name = "clusterProperties")
-    override fun setClusterProperties(source: MLRNShapeSource, value: Dynamic) {
-        val map = value.asMap();
+    override fun setClusterProperties(
+        source: MLRNGeoJSONSource,
+        value: Dynamic,
+    ) {
+        val map = value.asMap()
         val properties: MutableList<MutableMap.MutableEntry<String, ClusterPropertyEntry>> =
             ArrayList()
 
@@ -117,11 +144,12 @@ class MLRNShapeSourceManager(context: ReactApplicationContext) :
                 val name = iterator.nextKey()
                 val expressions = map.getArray(name)
 
-                val operator: Expression? = if (expressions!!.getType(0) == ReadableType.Array) {
-                    ExpressionParser.from(expressions.getArray(0))
-                } else {
-                    Expression.literal(expressions.getString(0)!!)
-                }
+                val operator: Expression? =
+                    if (expressions!!.getType(0) == ReadableType.Array) {
+                        ExpressionParser.from(expressions.getArray(0))
+                    } else {
+                        Expression.literal(expressions.getString(0)!!)
+                    }
 
                 val mapping = ExpressionParser.from(expressions.getArray(1))
 
@@ -129,8 +157,9 @@ class MLRNShapeSourceManager(context: ReactApplicationContext) :
                 if (operator != null && mapping != null) {
                     properties.add(
                         AbstractMap.SimpleEntry<String, ClusterPropertyEntry>(
-                            name, ClusterPropertyEntry(operator, mapping)
-                        )
+                            name,
+                            ClusterPropertyEntry(operator, mapping),
+                        ),
                     )
                 }
             }

package/android/src/main/java/org/maplibre/reactnative/components/sources/{shapesource/MLRNShapeSourceModule.kt → geojsonsource/MLRNGeoJSONSourceModule.kt}

@@ -1,41 +1,50 @@
-package org.maplibre.reactnative.components.sources.shapesource
+package org.maplibre.reactnative.components.sources.geojsonsource
 
 import com.facebook.react.bridge.Promise
 import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.react.bridge.ReadableArray
 import com.facebook.react.module.annotations.ReactModule
-import org.maplibre.reactnative.NativeShapeSourceModuleSpec
+import org.maplibre.reactnative.NativeGeoJSONSourceModuleSpec
 import org.maplibre.reactnative.utils.ExpressionParser
 import org.maplibre.reactnative.utils.ReactTag
 import org.maplibre.reactnative.utils.ReactTagResolver
 
-@ReactModule(name = NativeShapeSourceModuleSpec.NAME)
-class MLRNShapeSourceModule(
-    reactContext: ReactApplicationContext, private val reactTagResolver: ReactTagResolver
-) : NativeShapeSourceModuleSpec(reactContext) {
+@ReactModule(name = NativeGeoJSONSourceModuleSpec.NAME)
+class MLRNGeoJSONSourceModule(
+    reactContext: ReactApplicationContext,
+    private val reactTagResolver: ReactTagResolver,
+) : NativeGeoJSONSourceModuleSpec(reactContext) {
     companion object {
-        const val NAME = "MLRNShapeSourceModule"
+        const val NAME = "MLRNGeoJSONSourceModule"
     }
 
     private fun withViewportOnUIThread(
-        reactTag: ReactTag, promise: Promise, fn: (MLRNShapeSource) -> Unit
+        reactTag: ReactTag,
+        promise: Promise,
+        fn: (MLRNGeoJSONSource) -> Unit,
     ) {
         reactTagResolver.withViewResolved(reactTag.toInt(), promise, fn)
     }
 
     override fun getData(
-        reactTag: Double, filter: ReadableArray?, promise: Promise
+        reactTag: Double,
+        filter: ReadableArray?,
+        promise: Promise,
     ) {
         withViewportOnUIThread(reactTag, promise) { shapeSource ->
             promise.resolve(
                 shapeSource.getData(
                     ExpressionParser.from(filter),
-                )
+                ),
             )
         }
     }
 
-    override fun getClusterExpansionZoom(reactTag: Double, clusterId: Double, promise: Promise) {
+    override fun getClusterExpansionZoom(
+        reactTag: Double,
+        clusterId: Double,
+        promise: Promise,
+    ) {
         withViewportOnUIThread(reactTag, promise) {
             promise.resolve(it.getClusterExpansionZoom(clusterId.toInt()))
         }
@@ -46,7 +55,7 @@ class MLRNShapeSourceModule(
         clusterId: Double,
         limit: Double,
         offset: Double,
-        promise: Promise
+        promise: Promise,
     ) {
         withViewportOnUIThread(reactTag, promise) {
             promise.resolve(it.getClusterLeaves(clusterId.toInt(), limit.toInt(), offset.toInt()))
@@ -56,7 +65,7 @@ class MLRNShapeSourceModule(
     override fun getClusterChildren(
         reactTag: Double,
         clusterId: Double,
-        promise: Promise
+        promise: Promise,
     ) {
         withViewportOnUIThread(reactTag, promise) {
             promise.resolve(it.getClusterChildren(clusterId.toInt()))

package/android/src/main/java/org/maplibre/reactnative/modules/MLRNStaticMapModule.kt

@@ -0,0 +1,121 @@
+package org.maplibre.reactnative.modules
+
+import android.graphics.Bitmap
+import android.util.Log
+import android.util.TypedValue
+import com.facebook.react.bridge.Promise
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.bridge.ReadableMap
+import org.maplibre.android.camera.CameraPosition
+import org.maplibre.android.maps.Style
+import org.maplibre.android.snapshotter.MapSnapshot
+import org.maplibre.android.snapshotter.MapSnapshotter
+import org.maplibre.reactnative.NativeStaticMapModuleSpec
+import org.maplibre.reactnative.utils.BitmapUtils
+import org.maplibre.reactnative.utils.ConvertUtils
+import org.maplibre.reactnative.utils.GeoJSONUtils
+import java.util.UUID
+
+class MLRNStaticMapModule(
+    private val reactContext: ReactApplicationContext,
+) : NativeStaticMapModuleSpec(reactContext) {
+    companion object {
+        const val NAME = "MLRNStaticMapModule"
+    }
+
+    override fun getName() = NAME
+
+    // Prevent garbage collection
+    private val snapshotterMap: MutableMap<String, MapSnapshotter> = HashMap()
+
+    override fun createImage(
+        readableMap: ReadableMap,
+        promise: Promise,
+    ) {
+        org.maplibre.android.storage.FileSource
+            .getInstance(reactContext)
+            .activate()
+
+        reactContext.runOnUiQueueThread {
+            val snapshotterID = UUID.randomUUID().toString()
+            val snapshotter = MapSnapshotter(reactContext, getOptions(readableMap))
+            snapshotterMap[snapshotterID] = snapshotter
+            snapshotter.start(
+                object : MapSnapshotter.SnapshotReadyCallback {
+                    override fun onSnapshotReady(snapshot: MapSnapshot) {
+                        val bitmap: Bitmap = snapshot.bitmap
+                        val result: String? =
+                            if (readableMap.getString("output") == "file") {
+                                BitmapUtils.createTempFile(
+                                    reactContext,
+                                    bitmap,
+                                )
+                            } else if (readableMap.getString("output") == "base64") {
+                                BitmapUtils.createBase64(bitmap)
+                            } else {
+                                null
+                            }
+
+                        if (result == null) {
+                            promise.reject(
+                                NAME,
+                                "Could not generate snapshot, please check Android logs for more info.",
+                            )
+                            return
+                        }
+
+                        promise.resolve(result)
+                        snapshotterMap.remove(snapshotterID)
+                    }
+                },
+            ) { error ->
+                Log.w(NAME, error)
+                snapshotterMap.remove(snapshotterID)
+            }
+        }
+    }
+
+    private fun getOptions(readableMap: ReadableMap): MapSnapshotter.Options {
+        val options: MapSnapshotter.Options =
+            MapSnapshotter.Options(
+                readableMap.getDouble("width").toInt(),
+                readableMap.getDouble("height").toInt(),
+            )
+
+        val showLogo = if (readableMap.hasKey("logo")) readableMap.getBoolean("logo") else false
+        options.withLogo(showLogo)
+        readableMap.getString("mapStyle")?.let { mapStyle ->
+            options.withStyleBuilder(
+                if (ConvertUtils.isJSONValid(mapStyle)) {
+                    Style.Builder().fromJson(mapStyle)
+                } else {
+                    Style.Builder().fromUri(mapStyle)
+                },
+            )
+        }
+        options.withPixelRatio(
+            TypedValue.applyDimension(
+                TypedValue.COMPLEX_UNIT_DIP,
+                1f,
+                reactContext.resources.displayMetrics,
+            ),
+        )
+
+        if (readableMap.hasKey("center")) {
+            val center = GeoJSONUtils.toLatLng(readableMap.getArray("center"))
+            val cameraPosition: CameraPosition =
+                CameraPosition
+                    .Builder()
+                    .target(center)
+                    .tilt(ConvertUtils.getDouble("pitch", readableMap, 0.0))
+                    .bearing(ConvertUtils.getDouble("bearing", readableMap, 0.0))
+                    .zoom(ConvertUtils.getDouble("zoom", readableMap, 0.0))
+                    .build()
+            options.withCameraPosition(cameraPosition)
+        } else if (readableMap.hasKey("bounds")) {
+            options.withRegion(GeoJSONUtils.toLatLngBounds(readableMap.getArray("bounds")))
+        }
+
+        return options
+    }
+}