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

Question

我从服务器获取图像 URL，并希望在 Google 地图标记图标中加载该 URL。我该怎么做？

Answer 1

使用 Glide 库

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
    }

}

然后调用

 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,
                        )

Answer 2

我写了一篇文章在谷歌地图上显示自定义标记：

https://towardsdev.com/jetpack-compose-custom-google-map-marker-erselan-khan-e6e04178a30b

您必须从图像网址中获取可绘制对象，您可以轻松获取该对象使用线圈库进行图像加载。

https://towardsdev.com/image-url- to-bitmap-using-coil-erselan-khan-6f190ce83d7f