如何在 Jetpack Compose 中将图像 url 加载到谷歌 map 标记图标

Question

I get the image URL from the server and I want to load the URL in the Google Maps marker icon. How can I do this?

Answer 1

using Glide Library

fun loadIcon(
    context: Context,
    url: String?,
    placeHolder: Int,
): BitmapDescriptor? {
    try {
        var bitmap: Bitmap? = null
        Glide.with(context)
            .asBitmap()
            .load(url)
            .error(placeHolder)
            // to show a default icon in case of any errors
            .into(object : CustomTarget<Bitmap>() {
                override fun onResourceReady(
                    resource: Bitmap,
                    transition: Transition<in Bitmap>?
                ) {

                    bitmap = resource

                }

                override fun onLoadCleared(placeholder: Drawable?) {

                }
            })
        return BitmapDescriptorFactory.fromBitmap(bitmap!!)
    } catch (e: Exception) {
        e.printStackTrace()
        return null
    }

}

then call

 var bitmap = loadIcon(context, item.icon, R.drawable.placeholder_image,)
                    Marker(
                        state = MarkerState(
                            position = LatLng(
                                item.lat.toDouble(),
                                item.long.toDouble()
                            )
                        ),
                        title = item.name,
                        icon = bitmap,
                        )