如何在Map Compose中替换默认信息窗口标记为自定义标记

方法一：用自定义Drawable替换默认标记 #

• 先在res/drawable目录下创建你想要的形状资源（比如XML矢量图、自定义形状的png），比如做个带圆角的三角形、圆形标记都可以。
• 在Map Compose的Marker组件里，直接通过icon参数传入这个资源：

Marker(
    state = MarkerState(position = LatLng(39.9042, 116.4074)),
    icon = BitmapDescriptorFactory.fromResource(R.drawable.custom_marker_shape)
)

• 如果要动态修改颜色、大小，可以先把Drawable转成Bitmap，调整属性后再用BitmapDescriptorFactory.fromBitmap()传入。

方法二：用Composable完全自定义标记（灵活性拉满） #

• 新版Map Compose支持直接在Marker里嵌套Composable作为标记内容，不用局限于Drawable：

Marker(
    state = MarkerState(position = LatLng(39.9042, 116.4074))
) {
    // 这里可以自定义任意形状和内容
    Box(
        modifier = Modifier
            .size(50.dp)
            .background(
                Color(0xFF2196F3),
                shape = CutCornerShape(topStart = 10.dp, topEnd = 10.dp)
            )
    ) {
        Icon(
            Icons.Filled.LocationOn,
            contentDescription = "Custom marker",
            tint = Color.White,
            modifier = Modifier.align(Alignment.Center)
        )
    }
}

• 这种方式能实现任何你想要的形状，甚至可以加交互、动画，完全摆脱默认标记的限制。

注意点 #

• 用Composable做标记时，别搞太复杂的布局，不然地图滑动时容易卡顿。
• Drawable资源记得适配不同分辨率，避免在大屏设备上显示模糊。
• 确保使用最新稳定版的Map Compose，旧版本可能不支持Composable标记功能。

内容的提问来源于stack exchange，提问作者Heleena Joy