react-native-google-maps-plus 1.7.0-dev.9 → 1.8.0

package/android/src/main/java/com/rngooglemapsplus/MapMarkerBuilder.kt

@@ -1,11 +1,15 @@
 package com.rngooglemapsplus
 
+import MarkerTag
 import android.graphics.Bitmap
 import android.graphics.BitmapFactory
 import android.graphics.Canvas
 import android.graphics.Typeface
+import android.graphics.drawable.PictureDrawable
 import android.util.Base64
 import android.util.LruCache
+import android.widget.ImageView
+import android.widget.LinearLayout
 import androidx.core.graphics.createBitmap
 import com.caverock.androidsvg.SVG
 import com.caverock.androidsvg.SVGExternalFileResolver
@@ -15,6 +19,10 @@ import com.google.android.gms.maps.model.BitmapDescriptor
 import com.google.android.gms.maps.model.BitmapDescriptorFactory
 import com.google.android.gms.maps.model.Marker
 import com.google.android.gms.maps.model.MarkerOptions
+import com.rngooglemapsplus.extensions.anchorEquals
+import com.rngooglemapsplus.extensions.coordinatesEquals
+import com.rngooglemapsplus.extensions.infoWindowAnchorEquals
+import com.rngooglemapsplus.extensions.markerInfoWindowStyleEquals
 import com.rngooglemapsplus.extensions.markerStyleEquals
 import com.rngooglemapsplus.extensions.onUi
 import com.rngooglemapsplus.extensions.styleHash
@@ -69,7 +77,10 @@ class MapMarkerBuilder(
                 val height = (svg.documentHeight.takeIf { it > 0 } ?: 128f).toInt()
 
                 createBitmap(width, height).apply {
-                  Canvas(this).also(svg::renderToCanvas)
+                  density = context.resources.displayMetrics.densityDpi
+                  Canvas(this).also {
+                    svg.renderToCanvas(it)
+                  }
                 }
               }
 
@@ -90,10 +101,12 @@ class MapMarkerBuilder(
                     val innerSvg = SVG.getFromString(svgText)
                     val w = innerSvg.documentWidth.takeIf { it > 0 } ?: 128f
                     val h = innerSvg.documentHeight.takeIf { it > 0 } ?: 128f
-                    val bmp = createBitmap(w.toInt(), h.toInt())
-                    val canvas = Canvas(bmp)
-                    innerSvg.renderToCanvas(canvas)
-                    bmp
+                    createBitmap(w.toInt(), h.toInt()).apply {
+                      density = context.resources.displayMetrics.densityDpi
+                      Canvas(this).also {
+                        innerSvg.renderToCanvas(it)
+                      }
+                    }
                   } else {
                     conn.inputStream.use { BitmapFactory.decodeStream(it) }
                   }
@@ -165,51 +178,39 @@ class MapMarkerBuilder(
     next: RNMarker,
     marker: Marker,
   ) = onUi {
-    if (prev.coordinate.latitude != next.coordinate.latitude ||
-      prev.coordinate.longitude != next.coordinate.longitude
-    ) {
+    if (!prev.coordinatesEquals(next)) {
       marker.position = next.coordinate.toLatLng()
     }
 
     if (!prev.markerStyleEquals(next)) {
-      buildIconAsync(marker.id, next) { icon ->
+      buildIconAsync(next) { icon ->
         marker.setIcon(icon)
-        if (prev.infoWindowAnchor?.x != next.infoWindowAnchor?.x ||
-          prev.infoWindowAnchor?.y != next.infoWindowAnchor?.y
-        ) {
-          marker.setInfoWindowAnchor(
-            (next.infoWindowAnchor?.x ?: 0.5f).toFloat(),
-            (next.infoWindowAnchor?.y ?: 0f).toFloat(),
-          )
-        }
-
-        if (prev.anchor?.x != next.anchor?.x ||
-          prev.anchor?.y != next.anchor?.y
-        ) {
+        if (!prev.anchorEquals(next)) {
           marker.setAnchor(
             (next.anchor?.x ?: 0.5f).toFloat(),
             (next.anchor?.y ?: 1.0f).toFloat(),
           )
         }
+        if (!prev.infoWindowAnchorEquals(next)) {
+          marker.setInfoWindowAnchor(
+            (next.infoWindowAnchor?.x ?: 0.5f).toFloat(),
+            (next.infoWindowAnchor?.y ?: 0f).toFloat(),
+          )
+        }
       }
     } else {
-      if (prev.infoWindowAnchor?.x != next.infoWindowAnchor?.x ||
-        prev.infoWindowAnchor?.y != next.infoWindowAnchor?.y
-      ) {
-        marker.setInfoWindowAnchor(
-          (next.infoWindowAnchor?.x ?: 0.5f).toFloat(),
-          (next.infoWindowAnchor?.y ?: 0f).toFloat(),
-        )
-      }
-
-      if (prev.anchor?.x != next.anchor?.x ||
-        prev.anchor?.y != next.anchor?.y
-      ) {
+      if (!prev.anchorEquals(next)) {
         marker.setAnchor(
           (next.anchor?.x ?: 0.5f).toFloat(),
           (next.anchor?.y ?: 1.0f).toFloat(),
         )
       }
+      if (!prev.infoWindowAnchorEquals(next)) {
+        marker.setInfoWindowAnchor(
+          (next.infoWindowAnchor?.x ?: 0.5f).toFloat(),
+          (next.infoWindowAnchor?.y ?: 0f).toFloat(),
+        )
+      }
     }
 
     if (prev.title != next.title) {
@@ -239,14 +240,17 @@ class MapMarkerBuilder(
     if (prev.zIndex != next.zIndex) {
       marker.zIndex = next.zIndex?.toFloat() ?: 0f
     }
+
+    if (!prev.markerInfoWindowStyleEquals(next)) {
+      marker.tag = MarkerTag(id = next.id, iconSvg = next.infoWindowIconSvg)
+    }
   }
 
   fun buildIconAsync(
-    id: String,
     m: RNMarker,
     onReady: (BitmapDescriptor?) -> Unit,
   ) {
-    jobsById[id]?.cancel()
+    jobsById[m.id]?.cancel()
 
     m.iconSvg ?: return onReady(null)
 
@@ -275,11 +279,11 @@ class MapMarkerBuilder(
           iconCache.evictAll()
         } catch (_: Throwable) {
         } finally {
-          jobsById.remove(id)
+          jobsById.remove(m.id)
         }
       }
 
-    jobsById[id] = job
+    jobsById[m.id] = job
   }
 
   fun cancelIconJob(id: String) {
@@ -296,6 +300,31 @@ class MapMarkerBuilder(
     iconCache.evictAll()
   }
 
+  fun buildInfoWindow(iconSvg: RNMarkerSvg?): ImageView? {
+    val iconSvg = iconSvg ?: return null
+
+    val svgView =
+      ImageView(context).apply {
+        layoutParams =
+          LinearLayout.LayoutParams(
+            iconSvg.width.dpToPx().toInt(),
+            iconSvg.height.dpToPx().toInt(),
+          )
+      }
+
+    try {
+      val svg = SVG.getFromString(iconSvg.svgString)
+      svg.setDocumentWidth(iconSvg.width.dpToPx())
+      svg.setDocumentHeight(iconSvg.height.dpToPx())
+      val drawable = PictureDrawable(svg.renderToPicture())
+      svgView.setImageDrawable(drawable)
+    } catch (e: Exception) {
+      return null
+    }
+
+    return svgView
+  }
+
   private suspend fun renderBitmap(m: RNMarker): Bitmap? {
     m.iconSvg ?: return null
 
@@ -304,27 +333,28 @@ class MapMarkerBuilder(
       coroutineContext.ensureActive()
       val svg = SVG.getFromString(m.iconSvg.svgString)
 
-      coroutineContext.ensureActive()
-      svg.setDocumentWidth(m.iconSvg.width.dpToPx())
-      svg.setDocumentHeight(m.iconSvg.height.dpToPx())
+      val wPx =
+        m.iconSvg.width
+          .dpToPx()
+          .toInt()
+      val hPx =
+        m.iconSvg.height
+          .dpToPx()
+          .toInt()
 
       coroutineContext.ensureActive()
-      bmp =
-        createBitmap(
-          m.iconSvg.width
-            .dpToPx()
-            .toInt(),
-          m.iconSvg.height
-            .dpToPx()
-            .toInt(),
-          Bitmap.Config.ARGB_8888,
-        )
+      svg.setDocumentWidth(wPx.toFloat())
+      svg.setDocumentHeight(hPx.toFloat())
 
       coroutineContext.ensureActive()
-      val canvas = Canvas(bmp)
-      svg.renderToCanvas(canvas)
+      bmp =
+        createBitmap(wPx, hPx, Bitmap.Config.ARGB_8888).apply {
+          density = context.resources.displayMetrics.densityDpi
+          Canvas(this).also {
+            svg.renderToCanvas(it)
+          }
+        }
 
-      coroutineContext.ensureActive()
       return bmp
     } catch (t: Throwable) {
       try {

package/android/src/main/java/com/rngooglemapsplus/MapPolygonBuilder.kt

@@ -4,9 +4,12 @@ import android.graphics.Color
 import com.facebook.react.uimanager.PixelUtil.dpToPx
 import com.google.android.gms.maps.model.Polygon
 import com.google.android.gms.maps.model.PolygonOptions
+import com.rngooglemapsplus.extensions.coordinatesEquals
+import com.rngooglemapsplus.extensions.holesEquals
 import com.rngooglemapsplus.extensions.onUi
 import com.rngooglemapsplus.extensions.toColor
 import com.rngooglemapsplus.extensions.toLatLng
+import com.rngooglemapsplus.extensions.toMapsPolygonHoles
 
 class MapPolygonBuilder {
   fun build(poly: RNPolygon): PolygonOptions =
@@ -32,32 +35,12 @@ class MapPolygonBuilder {
     next: RNPolygon,
     poly: Polygon,
   ) = onUi {
-    val coordsChanged =
-      prev.coordinates.size != next.coordinates.size ||
-        !prev.coordinates.zip(next.coordinates).all { (a, b) ->
-          a.latitude == b.latitude && a.longitude == b.longitude
-        }
-
-    if (coordsChanged) {
+    if (!prev.coordinatesEquals(next)) {
       poly.points = next.coordinates.map { it.toLatLng() }
     }
 
-    val prevHoles = prev.holes?.toList() ?: emptyList()
-    val nextHoles = next.holes?.toList() ?: emptyList()
-    val holesChanged =
-      prevHoles.size != nextHoles.size ||
-        !prevHoles.zip(nextHoles).all { (ha, hb) ->
-          ha.coordinates.size == hb.coordinates.size &&
-            ha.coordinates.zip(hb.coordinates).all { (a, b) ->
-              a.latitude == b.latitude && a.longitude == b.longitude
-            }
-        }
-
-    if (holesChanged) {
-      poly.holes =
-        nextHoles.map { hole ->
-          hole.coordinates.map { it.toLatLng() }
-        }
+    if (!prev.holesEquals(next)) {
+      poly.holes = next.holes?.toMapsPolygonHoles() ?: emptyList()
     }
 
     if (prev.fillColor != next.fillColor) {

package/android/src/main/java/com/rngooglemapsplus/MapPolylineBuilder.kt.kt

@@ -2,16 +2,14 @@ package com.rngooglemapsplus
 
 import android.graphics.Color
 import com.facebook.react.uimanager.PixelUtil.dpToPx
-import com.google.android.gms.maps.model.ButtCap
-import com.google.android.gms.maps.model.Cap
-import com.google.android.gms.maps.model.JointType
 import com.google.android.gms.maps.model.Polyline
 import com.google.android.gms.maps.model.PolylineOptions
-import com.google.android.gms.maps.model.RoundCap
-import com.google.android.gms.maps.model.SquareCap
+import com.rngooglemapsplus.extensions.coordinatesEquals
 import com.rngooglemapsplus.extensions.onUi
 import com.rngooglemapsplus.extensions.toColor
 import com.rngooglemapsplus.extensions.toLatLng
+import com.rngooglemapsplus.extensions.toMapJointType
+import com.rngooglemapsplus.extensions.toMapLineCap
 
 class MapPolylineBuilder {
   fun build(pl: RNPolyline): PolylineOptions =
@@ -21,10 +19,10 @@ class MapPolylineBuilder {
       }
       pl.width?.let { width(it.dpToPx()) }
       pl.lineCap?.let {
-        startCap(mapLineCap(it))
-        endCap(mapLineCap(it))
+        startCap(it.toMapLineCap())
+        endCap(it.toMapLineCap())
       }
-      pl.lineJoin?.let { jointType(mapLineJoin(it)) }
+      pl.lineJoin?.let { jointType(it.toMapJointType()) }
       pl.color?.let { color(it.toColor()) }
       pl.geodesic?.let { geodesic(it) }
       pl.pressable?.let { clickable(it) }
@@ -36,13 +34,7 @@ class MapPolylineBuilder {
     next: RNPolyline,
     polyline: Polyline,
   ) = onUi {
-    val coordsChanged =
-      prev.coordinates.size != next.coordinates.size ||
-        !prev.coordinates.zip(next.coordinates).all { (a, b) ->
-          a.latitude == b.latitude && a.longitude == b.longitude
-        }
-
-    if (coordsChanged) {
+    if (!prev.coordinatesEquals(next)) {
       polyline.points = next.coordinates.map { it.toLatLng() }
     }
 
@@ -50,17 +42,13 @@ class MapPolylineBuilder {
       polyline.width = next.width?.dpToPx() ?: 1f
     }
 
-    val newCap = mapLineCap(next.lineCap ?: RNLineCapType.BUTT)
-    val prevCap = mapLineCap(prev.lineCap ?: RNLineCapType.BUTT)
-    if (newCap != prevCap) {
-      polyline.startCap = newCap
-      polyline.endCap = newCap
+    if (prev.lineCap != next.lineCap) {
+      polyline.startCap = next.lineCap.toMapLineCap()
+      polyline.endCap = next.lineCap.toMapLineCap()
     }
 
-    val newJoin = mapLineJoin(next.lineJoin ?: RNLineJoinType.MITER)
-    val prevJoin = mapLineJoin(prev.lineJoin ?: RNLineJoinType.MITER)
-    if (newJoin != prevJoin) {
-      polyline.jointType = newJoin
+    if (prev.lineJoin != next.lineJoin) {
+      polyline.jointType = next.lineJoin.toMapJointType()
     }
 
     if (prev.color != next.color) {
@@ -79,19 +67,4 @@ class MapPolylineBuilder {
       polyline.zIndex = next.zIndex?.toFloat() ?: 0f
     }
   }
-
-  private fun mapLineCap(type: RNLineCapType?): Cap =
-    when (type) {
-      RNLineCapType.ROUND -> RoundCap()
-      RNLineCapType.SQUARE -> SquareCap()
-      else -> ButtCap()
-    }
-
-  private fun mapLineJoin(type: RNLineJoinType?): Int =
-    when (type) {
-      RNLineJoinType.ROUND -> JointType.ROUND
-      RNLineJoinType.BEVEL -> JointType.BEVEL
-      RNLineJoinType.MITER -> JointType.DEFAULT
-      null -> JointType.DEFAULT
-    }
 }

package/android/src/main/java/com/rngooglemapsplus/RNGoogleMapsPlusView.kt

@@ -1,5 +1,6 @@
 package com.rngooglemapsplus
 
+import MarkerTag
 import com.facebook.proguard.annotations.DoNotStrip
 import com.facebook.react.uimanager.ThemedReactContext
 import com.google.android.gms.maps.GoogleMapOptions
@@ -11,6 +12,7 @@ import com.rngooglemapsplus.extensions.markerEquals
 import com.rngooglemapsplus.extensions.polygonEquals
 import com.rngooglemapsplus.extensions.polylineEquals
 import com.rngooglemapsplus.extensions.toCameraPosition
+import com.rngooglemapsplus.extensions.toColor
 import com.rngooglemapsplus.extensions.toCompressFormat
 import com.rngooglemapsplus.extensions.toFileExtension
 import com.rngooglemapsplus.extensions.toGoogleMapType
@@ -47,6 +49,7 @@ class RNGoogleMapsPlusView(
           initialProps?.mapId?.let { mapId(it) }
           initialProps?.liteMode?.let { liteMode(it) }
           initialProps?.camera?.let { camera(it.toCameraPosition(current = null)) }
+          initialProps?.backgroundColor?.let { backgroundColor(it.toColor()) }
         }
       view.initMapView(options)
     }
@@ -148,8 +151,15 @@ class RNGoogleMapsPlusView(
         val prev = prevById[id]
         when {
           prev == null ->
-            markerBuilder.buildIconAsync(id, next) { icon ->
-              view.addMarker(id, markerBuilder.build(next, icon))
+            markerBuilder.buildIconAsync(next) { icon ->
+              view.addMarker(
+                id,
+                markerBuilder.build(next, icon),
+                MarkerTag(
+                  id = id,
+                  iconSvg = next.infoWindowIconSvg,
+                ),
+              )
             }
 
           !prev.markerEquals(next) ->
@@ -320,7 +330,7 @@ class RNGoogleMapsPlusView(
       view.onMapLongPress = cb
     }
 
-  override var onMarkerPress: ((String?) -> Unit)? = null
+  override var onMarkerPress: ((String) -> Unit)? = null
     set(cb) {
       view.onMarkerPress = cb
     }
@@ -330,32 +340,32 @@ class RNGoogleMapsPlusView(
       view.onPoiPress = cb
     }
 
-  override var onPolylinePress: ((String?) -> Unit)? = null
+  override var onPolylinePress: ((String) -> Unit)? = null
     set(cb) {
       view.onPolylinePress = cb
     }
 
-  override var onPolygonPress: ((String?) -> Unit)? = null
+  override var onPolygonPress: ((String) -> Unit)? = null
     set(cb) {
       view.onPolygonPress = cb
     }
 
-  override var onCirclePress: ((String?) -> Unit)? = null
+  override var onCirclePress: ((String) -> Unit)? = null
     set(cb) {
       view.onCirclePress = cb
     }
 
-  override var onMarkerDragStart: ((String?, RNLatLng) -> Unit)? = null
+  override var onMarkerDragStart: ((String, RNLatLng) -> Unit)? = null
     set(cb) {
       view.onMarkerDragStart = cb
     }
 
-  override var onMarkerDrag: ((String?, RNLatLng) -> Unit)? = null
+  override var onMarkerDrag: ((String, RNLatLng) -> Unit)? = null
     set(cb) {
       view.onMarkerDrag = cb
     }
 
-  override var onMarkerDragEnd: ((String?, RNLatLng) -> Unit)? = null
+  override var onMarkerDragEnd: ((String, RNLatLng) -> Unit)? = null
     set(cb) {
       view.onMarkerDragEnd = cb
     }
@@ -370,17 +380,17 @@ class RNGoogleMapsPlusView(
       view.onIndoorLevelActivated = cb
     }
 
-  override var onInfoWindowPress: ((String?) -> Unit)? = null
+  override var onInfoWindowPress: ((String) -> Unit)? = null
     set(cb) {
       view.onInfoWindowPress = cb
     }
 
-  override var onInfoWindowClose: ((String?) -> Unit)? = null
+  override var onInfoWindowClose: ((String) -> Unit)? = null
     set(cb) {
       view.onInfoWindowClose = cb
     }
 
-  override var onInfoWindowLongPress: ((String?) -> Unit)? = null
+  override var onInfoWindowLongPress: ((String) -> Unit)? = null
     set(cb) {
       view.onInfoWindowLongPress = cb
     }
@@ -410,6 +420,14 @@ class RNGoogleMapsPlusView(
       view.onCameraChangeComplete = cb
     }
 
+  override fun showMarkerInfoWindow(id: String) {
+    view.showMarkerInfoWindow(id)
+  }
+
+  override fun hideMarkerInfoWindow(id: String) {
+    view.hideMarkerInfoWindow(id)
+  }
+
   override fun setCamera(
     camera: RNCamera,
     animated: Boolean?,

package/android/src/main/java/com/rngooglemapsplus/extensions/BitmapExtension.kt

@@ -0,0 +1,35 @@
+package com.rngooglemapsplus.extensions
+
+import android.content.Context
+import android.graphics.Bitmap
+import android.util.Base64
+import android.util.Size
+import androidx.core.graphics.scale
+import java.io.ByteArrayOutputStream
+import java.io.File
+import java.io.FileOutputStream
+
+fun Bitmap.encode(
+  context: Context,
+  targetSize: Size?,
+  format: String,
+  compressFormat: Bitmap.CompressFormat,
+  quality: Double,
+  asFile: Boolean,
+): String? =
+  try {
+    targetSize?.let { scale(it.width, it.height) }
+    val output = ByteArrayOutputStream()
+    compress(compressFormat, (quality * 100).toInt().coerceIn(0, 100), output)
+    val bytes = output.toByteArray()
+
+    if (asFile) {
+      val file = File(context.cacheDir, "snapshot_${System.currentTimeMillis()}.$format")
+      FileOutputStream(file).use { it.write(bytes) }
+      file.absolutePath
+    } else {
+      "data:image/$format;base64," + Base64.encodeToString(bytes, Base64.NO_WRAP)
+    }
+  } catch (_: Exception) {
+    null
+  }

package/android/src/main/java/com/rngooglemapsplus/extensions/LatLngBoundsExtension.kt

@@ -1,10 +1,41 @@
 package com.rngooglemapsplus.extensions
 
+import com.facebook.react.uimanager.PixelUtil.dpToPx
+import com.google.android.gms.maps.model.LatLng
 import com.google.android.gms.maps.model.LatLngBounds
 import com.rngooglemapsplus.RNLatLngBounds
+import com.rngooglemapsplus.RNMapPadding
 
 fun LatLngBounds.toRnLatLngBounds(): RNLatLngBounds =
   RNLatLngBounds(
     northeast = northeast.toRnLatLng(),
     southwest = southwest.toRnLatLng(),
   )
+
+fun LatLngBounds.withPaddingPixels(
+  mapWidthPx: Int,
+  mapHeightPx: Int,
+  padding: RNMapPadding,
+): LatLngBounds {
+  val latSpan = northeast.latitude - southwest.latitude
+  val lngSpan = northeast.longitude - southwest.longitude
+  if (latSpan == 0.0 && lngSpan == 0.0) return this
+
+  val latPerPixel = if (mapHeightPx != 0) latSpan / mapHeightPx else 0.0
+  val lngPerPixel = if (mapWidthPx != 0) lngSpan / mapWidthPx else 0.0
+
+  val builder = LatLngBounds.builder()
+  builder.include(
+    LatLng(
+      northeast.latitude + (padding.top.dpToPx() * latPerPixel),
+      northeast.longitude + (padding.right.dpToPx() * lngPerPixel),
+    ),
+  )
+  builder.include(
+    LatLng(
+      southwest.latitude - (padding.bottom.dpToPx() * latPerPixel),
+      southwest.longitude - (padding.left.dpToPx() * lngPerPixel),
+    ),
+  )
+  return builder.build()
+}

package/android/src/main/java/com/rngooglemapsplus/extensions/MapObjectTagExtensions.kt

@@ -0,0 +1,84 @@
+import android.util.Log
+import com.google.android.gms.maps.model.Circle
+import com.google.android.gms.maps.model.Marker
+import com.google.android.gms.maps.model.Polygon
+import com.google.android.gms.maps.model.Polyline
+import com.rngooglemapsplus.RNMarkerSvg
+
+sealed class MapObjectTag(
+  open val id: String,
+)
+
+data class MarkerTag(
+  override val id: String,
+  val iconSvg: RNMarkerSvg? = null,
+) : MapObjectTag(id)
+
+data class PolylineTag(
+  override val id: String,
+) : MapObjectTag(id)
+
+data class PolygonTag(
+  override val id: String,
+) : MapObjectTag(id)
+
+data class CircleTag(
+  override val id: String,
+) : MapObjectTag(id)
+
+val Marker.tagData: MarkerTag
+  get() =
+    (tag as? MarkerTag) ?: run {
+      Log.w("MapTag", "Marker without tag detected at $position")
+      val fallback = MarkerTag(id = "unknown")
+      tag = fallback
+      fallback
+    }
+
+val Marker.idTag: String
+  get() = tagData.id
+
+var Polyline.tagData: PolylineTag
+  get() =
+    (tag as? PolylineTag) ?: run {
+      Log.w("MapTag", "Polyline without tag detected")
+      val fallback = PolylineTag(id = "unknown")
+      tag = fallback
+      fallback
+    }
+  set(value) {
+    tag = value
+  }
+
+val Polyline.idTag: String
+  get() = tagData.id
+
+var Polygon.tagData: PolygonTag
+  get() =
+    (tag as? PolygonTag) ?: run {
+      Log.w("MapTag", "Polygon without tag detected")
+      val fallback = PolygonTag(id = "unknown")
+      tag = fallback
+      fallback
+    }
+  set(value) {
+    tag = value
+  }
+
+val Polygon.idTag: String
+  get() = tagData.id
+
+var Circle.tagData: CircleTag
+  get() =
+    (tag as? CircleTag) ?: run {
+      Log.w("MapTag", "Circle without tag detected")
+      val fallback = CircleTag(id = "unknown")
+      tag = fallback
+      fallback
+    }
+  set(value) {
+    tag = value
+  }
+
+val Circle.idTag: String
+  get() = tagData.id

package/android/src/main/java/com/rngooglemapsplus/extensions/RNLineCapTypeExtension.kt

@@ -0,0 +1,14 @@
+package com.rngooglemapsplus.extensions
+
+import com.google.android.gms.maps.model.ButtCap
+import com.google.android.gms.maps.model.Cap
+import com.google.android.gms.maps.model.RoundCap
+import com.google.android.gms.maps.model.SquareCap
+import com.rngooglemapsplus.RNLineCapType
+
+fun RNLineCapType?.toMapLineCap(): Cap =
+  when (this) {
+    RNLineCapType.ROUND -> RoundCap()
+    RNLineCapType.SQUARE -> SquareCap()
+    else -> ButtCap()
+  }

package/android/src/main/java/com/rngooglemapsplus/extensions/RNLineJoinTypeExtension.kt

@@ -0,0 +1,12 @@
+package com.rngooglemapsplus.extensions
+
+import com.google.android.gms.maps.model.JointType
+import com.rngooglemapsplus.RNLineJoinType
+
+fun RNLineJoinType?.toMapJointType(): Int =
+  when (this) {
+    RNLineJoinType.ROUND -> JointType.ROUND
+    RNLineJoinType.BEVEL -> JointType.BEVEL
+    RNLineJoinType.MITER -> JointType.DEFAULT
+    null -> JointType.DEFAULT
+  }