@rnmapbox/maps 10.0.0-beta.76 → 10.0.0-beta.78

package/android/rctmgl/src/main/java-v10/com/mapbox/rctmgl/components/styles/layers/RCTMGLHeatmapLayerManager.kt

@@ -0,0 +1,76 @@
+package com.mapbox.rctmgl.components.styles.layers
+
+import com.facebook.react.bridge.ReadableArray
+import com.facebook.react.bridge.ReadableMap
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.ViewGroupManager
+import com.facebook.react.uimanager.annotations.ReactProp
+
+class RCTMGLHeatmapLayerManager : ViewGroupManager<RCTMGLHeatmapLayer>() {
+    override fun getName(): String {
+        return REACT_CLASS
+    }
+
+    override fun createViewInstance(reactContext: ThemedReactContext): RCTMGLHeatmapLayer {
+        return RCTMGLHeatmapLayer(reactContext)
+    }
+
+    @ReactProp(name = "id")
+    fun setId(layer: RCTMGLHeatmapLayer, id: String?) {
+        layer.iD = id
+    }
+
+    @ReactProp(name = "existing")
+    fun setExisting(layer: RCTMGLHeatmapLayer, existing: Boolean) {
+        layer.setExisting(existing)
+    }
+
+    @ReactProp(name = "sourceID")
+    fun setSourceID(layer: RCTMGLHeatmapLayer, sourceID: String?) {
+        layer.setSourceID(sourceID)
+    }
+
+    @ReactProp(name = "aboveLayerID")
+    fun setAboveLayerID(layer: RCTMGLHeatmapLayer, aboveLayerID: String?) {
+        layer.setAboveLayerID(aboveLayerID)
+    }
+
+    @ReactProp(name = "belowLayerID")
+    fun setBelowLayerID(layer: RCTMGLHeatmapLayer, belowLayerID: String?) {
+        layer.setBelowLayerID(belowLayerID)
+    }
+
+    @ReactProp(name = "layerIndex")
+    fun setLayerIndex(layer: RCTMGLHeatmapLayer, layerIndex: Int) {
+        layer.setLayerIndex(layerIndex)
+    }
+
+    @ReactProp(name = "minZoomLevel")
+    fun setMinZoomLevel(layer: RCTMGLHeatmapLayer, minZoomLevel: Double) {
+        layer.setMinZoomLevel(minZoomLevel)
+    }
+
+    @ReactProp(name = "maxZoomLevel")
+    fun setMaxZoomLevel(layer: RCTMGLHeatmapLayer, maxZoomLevel: Double) {
+        layer.setMaxZoomLevel(maxZoomLevel)
+    }
+
+    @ReactProp(name = "reactStyle")
+    fun setReactStyle(layer: RCTMGLHeatmapLayer, style: ReadableMap?) {
+        layer.setReactStyle(style)
+    }
+
+    @ReactProp(name = "sourceLayerID")
+    fun setSourceLayerId(layer: RCTMGLHeatmapLayer, sourceLayerID: String?) {
+        layer.setSourceLayerID(sourceLayerID)
+    }
+
+    @ReactProp(name = "filter")
+    fun setFilter(layer: RCTMGLHeatmapLayer, filterList: ReadableArray?) {
+        layer.setFilter(filterList)
+    }
+
+    companion object {
+        const val REACT_CLASS = "RCTMGLHeatmapLayer"
+    }
+}

package/android/rctmgl/src/main/java-v10/com/mapbox/rctmgl/components/styles/layers/RCTMGLLineLayer.kt

@@ -0,0 +1,40 @@
+package com.mapbox.rctmgl.components.styles.layers
+
+import android.content.Context
+import com.mapbox.maps.extension.style.expressions.generated.Expression
+import com.mapbox.maps.extension.style.layers.generated.LineLayer
+import com.mapbox.rctmgl.components.mapview.RCTMGLMapView
+import com.mapbox.rctmgl.components.styles.RCTMGLStyle
+import com.mapbox.rctmgl.components.styles.RCTMGLStyleFactory
+
+class RCTMGLLineLayer(context: Context?) : RCTLayer<LineLayer?>(
+    context!!
+) {
+    private var mSourceLayerID: String? = null
+    override fun updateFilter(expression: Expression?) {
+        mLayer!!.filter(expression!!)
+    }
+
+    override fun addToMap(mapView: RCTMGLMapView) {
+        super.addToMap(mapView)
+    }
+
+    override fun makeLayer(): LineLayer {
+        val layer = LineLayer(iD!!, mSourceID!!)
+        if (mSourceLayerID != null) {
+            layer.sourceLayer(mSourceLayerID!!)
+        }
+        return layer
+    }
+
+    override fun addStyles() {
+        RCTMGLStyleFactory.setLineLayerStyle(mLayer, RCTMGLStyle(context, mReactStyle, mMap!!))
+    }
+
+    fun setSourceLayerID(sourceLayerID: String?) {
+        mSourceLayerID = sourceLayerID
+        if (mLayer != null) {
+            mLayer!!.sourceLayer(mSourceLayerID!!)
+        }
+    }
+}

package/android/rctmgl/src/main/java-v10/com/mapbox/rctmgl/components/styles/layers/RCTMGLLineLayerManager.kt

@@ -0,0 +1,76 @@
+package com.mapbox.rctmgl.components.styles.layers
+
+import com.facebook.react.bridge.ReadableArray
+import com.facebook.react.bridge.ReadableMap
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.ViewGroupManager
+import com.facebook.react.uimanager.annotations.ReactProp
+
+class RCTMGLLineLayerManager : ViewGroupManager<RCTMGLLineLayer>() {
+    override fun getName(): String {
+        return REACT_CLASS
+    }
+
+    override fun createViewInstance(reactContext: ThemedReactContext): RCTMGLLineLayer {
+        return RCTMGLLineLayer(reactContext)
+    }
+
+    @ReactProp(name = "id")
+    fun setId(layer: RCTMGLLineLayer, id: String?) {
+        layer.iD = id
+    }
+
+    @ReactProp(name = "existing")
+    fun setExisting(layer: RCTMGLLineLayer, existing: Boolean) {
+        layer.setExisting(existing)
+    }
+
+    @ReactProp(name = "sourceID")
+    fun setSourceID(layer: RCTMGLLineLayer, sourceID: String?) {
+        layer.setSourceID(sourceID)
+    }
+
+    @ReactProp(name = "aboveLayerID")
+    fun setAboveLayerID(layer: RCTMGLLineLayer, aboveLayerID: String?) {
+        layer.setAboveLayerID(aboveLayerID)
+    }
+
+    @ReactProp(name = "belowLayerID")
+    fun setBelowLayerID(layer: RCTMGLLineLayer, belowLayerID: String?) {
+        layer.setBelowLayerID(belowLayerID)
+    }
+
+    @ReactProp(name = "layerIndex")
+    fun setLayerIndex(layer: RCTMGLLineLayer, layerIndex: Int) {
+        layer.setLayerIndex(layerIndex)
+    }
+
+    @ReactProp(name = "minZoomLevel")
+    fun setMinZoomLevel(layer: RCTMGLLineLayer, minZoomLevel: Double) {
+        layer.setMinZoomLevel(minZoomLevel)
+    }
+
+    @ReactProp(name = "maxZoomLevel")
+    fun setMaxZoomLevel(layer: RCTMGLLineLayer, maxZoomLevel: Double) {
+        layer.setMaxZoomLevel(maxZoomLevel)
+    }
+
+    @ReactProp(name = "reactStyle")
+    fun setReactStyle(layer: RCTMGLLineLayer, style: ReadableMap?) {
+        layer.setReactStyle(style)
+    }
+
+    @ReactProp(name = "sourceLayerID")
+    fun setSourceLayerId(layer: RCTMGLLineLayer, sourceLayerID: String?) {
+        layer.setSourceLayerID(sourceLayerID)
+    }
+
+    @ReactProp(name = "filter")
+    fun setFilter(layer: RCTMGLLineLayer, filterList: ReadableArray?) {
+        layer.setFilter(filterList)
+    }
+
+    companion object {
+        const val REACT_CLASS = "RCTMGLLineLayer"
+    }
+}

package/android/rctmgl/src/main/java-v10/com/mapbox/rctmgl/components/styles/layers/RCTMGLRasterLayer.kt

@@ -0,0 +1,18 @@
+package com.mapbox.rctmgl.components.styles.layers
+
+import android.content.Context
+import com.mapbox.maps.extension.style.layers.generated.RasterLayer
+import com.mapbox.rctmgl.components.styles.RCTMGLStyle
+import com.mapbox.rctmgl.components.styles.RCTMGLStyleFactory
+
+class RCTMGLRasterLayer(context: Context?) : RCTLayer<RasterLayer?>(
+    context!!
+) {
+    override fun makeLayer(): RasterLayer {
+        return RasterLayer(iD!!, mSourceID!!)
+    }
+
+    override fun addStyles() {
+        RCTMGLStyleFactory.setRasterLayerStyle(mLayer, RCTMGLStyle(context, mReactStyle, mMap!!))
+    }
+}

package/android/rctmgl/src/main/java-v10/com/mapbox/rctmgl/components/styles/layers/RCTMGLRasterLayerManager.kt

@@ -0,0 +1,65 @@
+package com.mapbox.rctmgl.components.styles.layers
+
+import com.facebook.react.bridge.ReadableMap
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.ViewGroupManager
+import com.facebook.react.uimanager.annotations.ReactProp
+
+class RCTMGLRasterLayerManager : ViewGroupManager<RCTMGLRasterLayer>() {
+    override fun getName(): String {
+        return REACT_CLASS
+    }
+
+    override fun createViewInstance(reactContext: ThemedReactContext): RCTMGLRasterLayer {
+        return RCTMGLRasterLayer(reactContext)
+    }
+
+    @ReactProp(name = "id")
+    fun setId(layer: RCTMGLRasterLayer, id: String?) {
+        layer.iD = id
+    }
+
+    @ReactProp(name = "existing")
+    fun setExisting(layer: RCTMGLRasterLayer, existing: Boolean) {
+        layer.setExisting(existing)
+    }
+
+    @ReactProp(name = "sourceID")
+    fun setSourceID(layer: RCTMGLRasterLayer, sourceID: String?) {
+        layer.setSourceID(sourceID)
+    }
+
+    @ReactProp(name = "aboveLayerID")
+    fun setAboveLayerID(layer: RCTMGLRasterLayer, aboveLayerID: String?) {
+        layer.setAboveLayerID(aboveLayerID)
+    }
+
+    @ReactProp(name = "belowLayerID")
+    fun setBelowLayerID(layer: RCTMGLRasterLayer, belowLayerID: String?) {
+        layer.setBelowLayerID(belowLayerID)
+    }
+
+    @ReactProp(name = "layerIndex")
+    fun setLayerIndex(layer: RCTMGLRasterLayer, layerIndex: Int) {
+        layer.setLayerIndex(layerIndex)
+    }
+
+    @ReactProp(name = "minZoomLevel")
+    fun setMinZoomLevel(layer: RCTMGLRasterLayer, minZoomLevel: Double) {
+        layer.setMinZoomLevel(minZoomLevel)
+    }
+
+    @ReactProp(name = "maxZoomLevel")
+    fun setMaxZoomLevel(layer: RCTMGLRasterLayer, maxZoomLevel: Double) {
+        layer.setMaxZoomLevel(maxZoomLevel)
+    }
+
+    @ReactProp(name = "reactStyle")
+    fun setReactStyle(layer: RCTMGLRasterLayer, style: ReadableMap?) {
+        layer.setReactStyle(style)
+    }
+
+    companion object {
+        const val REACT_CLASS = "RCTMGLRasterLayer"
+    }
+}

package/android/rctmgl/src/main/java-v10/com/mapbox/rctmgl/components/styles/layers/RCTMGLSkyLayerManager.kt

@@ -0,0 +1,76 @@
+package com.mapbox.rctmgl.components.styles.layers
+
+import com.facebook.react.bridge.ReadableArray
+import com.facebook.react.bridge.ReadableMap
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.ViewGroupManager
+import com.facebook.react.uimanager.annotations.ReactProp
+
+class RCTMGLSkyLayerManager : ViewGroupManager<RCTMGLSkyLayer>() {
+    override fun getName(): String {
+        return REACT_CLASS
+    }
+
+    override fun createViewInstance(reactContext: ThemedReactContext): RCTMGLSkyLayer {
+        return RCTMGLSkyLayer(reactContext)
+    }
+
+    @ReactProp(name = "id")
+    fun setId(layer: RCTMGLSkyLayer, id: String?) {
+        layer.iD = id
+    }
+
+    @ReactProp(name = "existing")
+    fun setExisting(layer: RCTMGLSkyLayer, existing: Boolean) {
+        layer.setExisting(existing)
+    }
+
+    @ReactProp(name = "sourceID")
+    fun setSourceID(layer: RCTMGLSkyLayer, sourceID: String?) {
+        layer.setSourceID(sourceID)
+    }
+
+    @ReactProp(name = "aboveLayerID")
+    fun setAboveLayerID(layer: RCTMGLLineLayer, aboveLayerID: String?) {
+        layer.setAboveLayerID(aboveLayerID)
+    }
+
+    @ReactProp(name = "belowLayerID")
+    fun setBelowLayerID(layer: RCTMGLLineLayer, belowLayerID: String?) {
+        layer.setBelowLayerID(belowLayerID)
+    }
+
+    @ReactProp(name = "layerIndex")
+    fun setLayerIndex(layer: RCTMGLLineLayer, layerIndex: Int) {
+        layer.setLayerIndex(layerIndex)
+    }
+
+    @ReactProp(name = "minZoomLevel")
+    fun setMinZoomLevel(layer: RCTMGLLineLayer, minZoomLevel: Double) {
+        layer.setMinZoomLevel(minZoomLevel)
+    }
+
+    @ReactProp(name = "maxZoomLevel")
+    fun setMaxZoomLevel(layer: RCTMGLSkyLayer, maxZoomLevel: Double) {
+        layer.setMaxZoomLevel(maxZoomLevel)
+    }
+
+    @ReactProp(name = "reactStyle")
+    fun setReactStyle(layer: RCTMGLSkyLayer, style: ReadableMap?) {
+        layer.setReactStyle(style)
+    }
+
+    @ReactProp(name = "sourceLayerID")
+    fun setSourceLayerId(layer: RCTMGLSkyLayer, sourceLayerID: String?) {
+        layer.setSourceLayerID(sourceLayerID)
+    }
+
+    @ReactProp(name = "filter")
+    fun setFilter(layer: RCTMGLSkyLayer, filterList: ReadableArray?) {
+        layer.setFilter(filterList)
+    }
+
+    companion object {
+        const val REACT_CLASS = "RCTMGLSkyLayer"
+    }
+}

package/android/rctmgl/src/main/java-v10/com/mapbox/rctmgl/components/styles/layers/RCTMGLSymbolLayer.kt

@@ -0,0 +1,40 @@
+package com.mapbox.rctmgl.components.styles.layers
+
+import android.content.Context
+import com.mapbox.maps.extension.style.expressions.generated.Expression
+import com.mapbox.maps.extension.style.layers.generated.SymbolLayer
+import com.mapbox.rctmgl.components.mapview.RCTMGLMapView
+import com.mapbox.rctmgl.components.styles.RCTMGLStyle
+import com.mapbox.rctmgl.components.styles.RCTMGLStyleFactory
+
+class RCTMGLSymbolLayer(context: Context?) : RCTLayer<SymbolLayer?>(
+    context!!
+) {
+    private var mSourceLayerID: String? = null
+    override fun updateFilter(expression: Expression?) {
+        mLayer!!.filter(expression!!)
+    }
+
+    override fun addToMap(mapView: RCTMGLMapView) {
+        super.addToMap(mapView)
+    }
+
+    override fun makeLayer(): SymbolLayer {
+        val layer = SymbolLayer(iD!!, mSourceID!!)
+        if (mSourceLayerID != null) {
+            layer.sourceLayer(mSourceLayerID!!)
+        }
+        return layer
+    }
+
+    override fun addStyles() {
+        RCTMGLStyleFactory.setSymbolLayerStyle(mLayer, RCTMGLStyle(context, mReactStyle, mMap!!))
+    }
+
+    fun setSourceLayerID(sourceLayerID: String?) {
+        mSourceLayerID = sourceLayerID
+        if (mLayer != null) {
+            mLayer!!.sourceLayer(sourceLayerID!!)
+        }
+    }
+}

package/android/rctmgl/src/main/java-v10/com/mapbox/rctmgl/components/styles/layers/RCTMGLSymbolLayerManager.kt

@@ -0,0 +1,76 @@
+package com.mapbox.rctmgl.components.styles.layers
+
+import com.facebook.react.bridge.ReadableArray
+import com.facebook.react.bridge.ReadableMap
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.ViewGroupManager
+import com.facebook.react.uimanager.annotations.ReactProp
+
+class RCTMGLSymbolLayerManager : ViewGroupManager<RCTMGLSymbolLayer>() {
+    override fun getName(): String {
+        return REACT_CLASS
+    }
+
+    override fun createViewInstance(reactContext: ThemedReactContext): RCTMGLSymbolLayer {
+        return RCTMGLSymbolLayer(reactContext)
+    }
+
+    @ReactProp(name = "id")
+    fun setId(layer: RCTMGLSymbolLayer, id: String?) {
+        layer.iD = id
+    }
+
+    @ReactProp(name = "existing")
+    fun setExisting(layer: RCTMGLSymbolLayer, existing: Boolean) {
+        layer.setExisting(existing)
+    }
+
+    @ReactProp(name = "sourceID")
+    fun setSourceID(layer: RCTMGLSymbolLayer, sourceID: String?) {
+        layer.setSourceID(sourceID)
+    }
+
+    @ReactProp(name = "aboveLayerID")
+    fun setAboveLayerID(layer: RCTMGLSymbolLayer, aboveLayerID: String?) {
+        layer.setAboveLayerID(aboveLayerID)
+    }
+
+    @ReactProp(name = "belowLayerID")
+    fun setBelowLayerID(layer: RCTMGLSymbolLayer, belowLayerID: String?) {
+        layer.setBelowLayerID(belowLayerID)
+    }
+
+    @ReactProp(name = "layerIndex")
+    fun setLayerIndex(layer: RCTMGLSymbolLayer, layerIndex: Int) {
+        layer.setLayerIndex(layerIndex)
+    }
+
+    @ReactProp(name = "minZoomLevel")
+    fun setMinZoomLevel(layer: RCTMGLSymbolLayer, minZoomLevel: Double) {
+        layer.setMinZoomLevel(minZoomLevel)
+    }
+
+    @ReactProp(name = "maxZoomLevel")
+    fun setMaxZoomLevel(layer: RCTMGLSymbolLayer, maxZoomLevel: Double) {
+        layer.setMaxZoomLevel(maxZoomLevel)
+    }
+
+    @ReactProp(name = "reactStyle")
+    fun setReactStyle(layer: RCTMGLSymbolLayer, style: ReadableMap?) {
+        layer.setReactStyle(style)
+    }
+
+    @ReactProp(name = "sourceLayerID")
+    fun setSourceLayerId(layer: RCTMGLSymbolLayer, sourceLayerID: String?) {
+        layer.setSourceLayerID(sourceLayerID)
+    }
+
+    @ReactProp(name = "filter")
+    fun setFilter(layer: RCTMGLSymbolLayer, filterList: ReadableArray?) {
+        layer.setFilter(filterList)
+    }
+
+    companion object {
+        const val REACT_CLASS = "RCTMGLSymbolLayer"
+    }
+}

package/android/rctmgl/src/main/java-v10/com/mapbox/rctmgl/components/styles/light/RCTMGLLight.kt

@@ -7,6 +7,7 @@ import com.mapbox.maps.MapboxMap
 import com.facebook.react.bridge.ReadableMap
 import com.mapbox.maps.Style
 import com.mapbox.maps.extension.style.light.generated.Light
+import com.mapbox.rctmgl.components.RemovalReason
 import com.mapbox.rctmgl.components.mapview.RCTMGLMapView
 import com.mapbox.rctmgl.components.styles.RCTMGLStyleFactory
 import com.mapbox.rctmgl.components.styles.RCTMGLStyle
@@ -15,12 +16,14 @@ class RCTMGLLight(context: Context?) : AbstractMapFeature(context) {
     private var mMap: MapboxMap? = null
     private var mReactStyle: ReadableMap? = null
     override fun addToMap(mapView: RCTMGLMapView) {
+        super.addToMap(mapView)
         mMap = mapView.getMapboxMap()
         setLight()
     }
 
-    override fun removeFromMap(mapView: RCTMGLMapView) {
+    override fun removeFromMap(mapView: RCTMGLMapView, reason: RemovalReason): Boolean {
         // ignore there's nothing to remove just update the light style
+        return super.removeFromMap(mapView, reason)
     }
 
     fun setReactStyle(reactStyle: ReadableMap?) {

package/android/rctmgl/src/main/java-v10/com/mapbox/rctmgl/components/styles/sources/RCTMGLImageSource.kt

@@ -0,0 +1,69 @@
+package com.mapbox.rctmgl.components.styles.sources
+
+import android.content.Context
+import android.net.Uri
+import android.util.Log
+import com.facebook.react.views.imagehelper.ResourceDrawableIdHelper
+import com.mapbox.maps.extension.style.sources.generated.ImageSource
+import com.mapbox.rctmgl.utils.LatLngQuad
+import java.net.URL
+
+class RCTMGLImageSource(context: Context?) : RCTSource<ImageSource?>(context) {
+    private var mURL: URL? = null
+    private var mResourceId = 0
+    private var mCoordQuad: LatLngQuad? = null
+
+    override fun hasNoDataSoRefersToExisting(): Boolean {
+        return mURL == null
+    }
+
+    override fun makeSource(): ImageSource? {
+        if (mURL == null) {
+            throw RuntimeException("ImageSource without URL not supported in v10, resourceId is not supported")
+        }
+        val id = iD;
+        if (id == null) {
+            throw RuntimeException("ImageSource without ID not supported in v10")
+        }
+        return ImageSource.Builder(id).coordinates(mCoordQuad!!.coordinates).url(mURL.toString()).build()
+    }
+
+    override fun onPress(feature: OnPressEvent?) {
+        // ignore, we cannot query raster layers
+    }
+
+    fun setURL(url: String?) {
+        try {
+            val uri = Uri.parse(url)
+            if (uri.scheme == null) {
+                mResourceId =
+                    ResourceDrawableIdHelper.getInstance().getResourceDrawableId(this.context, url)
+                if (mSource != null) {
+                    throw RuntimeException("ImageSource Resource id not supported in v10")
+                }
+            } else {
+                mURL = URL(url)
+                if (mSource != null) {
+                    mSource!!.url(mURL.toString())
+                }
+            }
+        } catch (e: Exception) {
+            Log.w(LOG_TAG, e.localizedMessage)
+        }
+    }
+
+    fun setCoordinates(coordQuad: LatLngQuad?) {
+        mCoordQuad = coordQuad
+        try {
+            if (mSource != null) {
+                mSource!!.coordinates(mCoordQuad!!.coordinates)
+            }
+        } catch (e: Exception) {
+            Log.w(LOG_TAG, e.localizedMessage)
+        }
+    }
+
+    companion object {
+        const val LOG_TAG = "RCTMGLImageSource"
+    }
+}

package/android/rctmgl/src/main/java-v10/com/mapbox/rctmgl/components/styles/sources/RCTMGLImageSourceManager.kt

@@ -0,0 +1,54 @@
+package com.mapbox.rctmgl.components.styles.sources
+
+import android.view.View
+import com.facebook.react.bridge.ReadableArray
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.ViewGroupManager
+import com.facebook.react.uimanager.annotations.ReactProp
+import com.mapbox.rctmgl.utils.GeoJSONUtils.toLatLngQuad
+
+class RCTMGLImageSourceManager : ViewGroupManager<RCTMGLImageSource>() {
+    override fun getName(): String {
+        return REACT_CLASS
+    }
+
+    override fun createViewInstance(reactContext: ThemedReactContext): RCTMGLImageSource {
+        return RCTMGLImageSource(reactContext)
+    }
+
+    override fun getChildAt(source: RCTMGLImageSource, childPosition: Int): View {
+        return source.getChildAt(childPosition)
+    }
+
+    override fun getChildCount(source: RCTMGLImageSource): Int {
+        return source.childCount
+    }
+
+    override fun addView(source: RCTMGLImageSource, childView: View, childPosition: Int) {
+        source.addLayer(childView, childPosition)
+    }
+
+    override fun removeViewAt(source: RCTMGLImageSource, childPosition: Int) {
+        source.removeLayer(childPosition)
+    }
+
+    @ReactProp(name = "id")
+    fun setId(source: RCTMGLImageSource, id: String?) {
+        source.iD = id
+    }
+
+    @ReactProp(name = "url")
+    fun setUrl(source: RCTMGLImageSource, url: String?) {
+        source.setURL(url)
+    }
+
+    @ReactProp(name = "coordinates")
+    fun setCoordinates(source: RCTMGLImageSource, arr: ReadableArray?) {
+        val quad = toLatLngQuad(arr) ?: return
+        source.setCoordinates(quad)
+    }
+
+    companion object {
+        const val REACT_CLASS = "RCTMGLImageSource"
+    }
+}