Coil Async Image Not Loading inside Google map

[RobinKumar5986]

I am trying to loaf image inside the google map in the application the image load if I do it outside the map but wont load inside the map how can I load image inside google map ???

import androidx.compose.foundation.background
import androidx.compose.foundation.border
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.size
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.clip
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.layout.ContentScale
import androidx.compose.ui.res.painterResource
import androidx.compose.ui.unit.dp
import coil.compose.rememberAsyncImagePainter
import com.google.android.gms.maps.model.LatLng
import com.google.maps.android.compose.GoogleMap
import com.google.maps.android.compose.MapProperties
import com.google.maps.android.compose.MapType
import com.google.maps.android.compose.MapUiSettings
import com.google.maps.android.compose.MarkerComposable
import com.google.maps.android.compose.rememberMarkerState
import com.kgjr.safecircle.R

@Composable
fun CustomMapMarker(imageUrl: String) {
    val painter = rememberAsyncImagePainter(
        model = imageUrl,
        placeholder = painterResource(id = R.drawable.user),
        error = painterResource(id = R.drawable.user)
    )

    Box(
        modifier = Modifier
            .size(60.dp)
            .clip(RoundedCornerShape(20.dp))
            .background(Color.Transparent)
            .border(4.dp, Color.White, RoundedCornerShape(20.dp)),
        contentAlignment = Alignment.Center
    ) {
        androidx.compose.foundation.Image(
            painter = painter,
            contentDescription = null,
            contentScale = ContentScale.Crop,
            modifier = Modifier
                .fillMaxSize()
                .clip(RoundedCornerShape(20.dp))
        )
    }
}

@Composable
fun MapWithCustomMarker(selectedMapType: MapType) {
    GoogleMap(
        modifier = Modifier.fillMaxSize(),
        uiSettings = MapUiSettings(zoomControlsEnabled = false),
        properties = MapProperties(mapType = selectedMapType)
    ) {
        val markerState = rememberMarkerState(position = LatLng(12.9716, 77.5946))
        MarkerComposable(
            state = markerState,
            title = "My Location",
            snippet = "This is a custom marker"
        ) {
            CustomMapMarker(imageUrl = "<img_url>")
        }
    }
}

[RobinKumar5986]

Do we have any solution for this ??