Google 地图 API 中使用的色调自定义图标

Question

我在 Android 应用程序中有一个 Google 地图视图，并创建了一个自定义标记图标（来自 svg），如下所示：

使用

mMap.addMarker {
    position(LatLng(mLastLocation.latitude, mLastLocation.longitude))
    title("Path marker")
    icon(bitmapDescriptorFromVector(this@DrivingActivity, R.drawable.ic_marker))
    anchor(0.5F,0.5F)
    flat(true)
}

方法

private fun bitmapDescriptorFromVector(context: Context, vectorResId: Int): BitmapDescriptor? {
    return ContextCompat.getDrawable(context, vectorResId)?.run {
        setBounds(0, 0, 44, 36)
        val bitmap = Bitmap.createBitmap(44, 36, Bitmap.Config.ARGB_8888)
        draw(Canvas(bitmap))
        BitmapDescriptorFactory.fromBitmap(bitmap)
    }
}

如何像您在 ImageViews 中那样添加色调颜色？目标是为多种用途重复使用相同的图像资源 - 只是颜色会有所不同。

Answer 1

我从这个中找到了很多灵感并得到了这个解决方案：

我创建了这个方法：

private fun vectorToBitmap(@DrawableRes id: Int, @ColorInt color: Int, width: Int, height: Int): BitmapDescriptor? {
    val vectorDrawable: Drawable? = ResourcesCompat.getDrawable(resources, id, null)

    if(vectorDrawable != null) {
        val bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888)

        val canvas = Canvas(bitmap)
        vectorDrawable.setBounds(0, 0, canvas.width, canvas.height)
        DrawableCompat.setTint(vectorDrawable, color)
        vectorDrawable.setTintBlendMode(BlendMode.DARKEN)
        vectorDrawable.draw(canvas)

        return BitmapDescriptorFactory.fromBitmap(bitmap)
    }

    return null
}

它是这样使用的：

mMap.addMarker {
    position(LatLng(mLastLocation.latitude, mLastLocation.longitude))
    title("Path marker")
    icon(vectorToBitmap(R.drawable.ic_bale, Color.parseColor("#FFCA22"), 44, 33))
    //icon(bitmapDescriptorFromVector(this@DrivingActivity, R.drawable.ic_bale))
    anchor(0.5F,0.5F)
    flat(true)
}

变暗混合模式将重新着色白色区域，同时将黑色区域排除在外。

Google 地图 API 中使用的色调自定义图标

Tint custom icon used in Google Maps API

android

google-maps-markers

kotlin