如何为Google Maps Compose的MarkerComposable添加阴影？

为啥阴影不生效 #

没错，MarkerComposable的内部渲染机制不支持Modifier.shadow，这是官方组件的已知未解决问题——阴影修饰符在地图标记的Composable容器里无法生效，但换到Surface组件就能正常显示，核心原因是两者的渲染逻辑存在差异。

临时解决办法 #

如果急需实现阴影效果，可以试试以下两种方案：

1. 使用带阴影的图片资源 #

最省心的方式是直接使用提前添加好阴影的标记图片，完全不需要依赖Compose的阴影修饰符，兼容性最佳。

示例代码：

// ...
MarkerComposable(
    keys = arrayOf(isSelected),
    state = MarkerState(location.toLatLng()),
    onClick = { _ ->
        onMarkerClick()
        false
    },
) {
    Image(
        painter = painterResource(R.drawable.marker_with_shadow), // 替换为带阴影的图片资源
        contentDescription = null
    )
}
// ...

2. 嵌套布局模拟阴影 #

通过Box组件嵌套两层图片，一层作为阴影层、一层作为原标记层，利用偏移量实现阴影效果：

示例代码：

// ...
MarkerComposable(
    keys = arrayOf(isSelected),
    state = MarkerState(location.toLatLng()),
    onClick = { _ ->
        onMarkerClick()
        false
    },
) {
    Box {
        // 阴影层：设置半透明+偏移
        Image(
            painter = painterResource(painter),
            contentDescription = null,
            modifier = Modifier
                .offset(x = 3.dp, y = 3.dp)
                .alpha(0.3f)
        )
        // 原标记层：覆盖在阴影上方
        Image(
            painter = painterResource(painter),
            contentDescription = null
        )
    }
}
// ...

注意：需要根据标记的实际样式调整偏移量和透明度，效果可能不如带阴影的图片自然胜在无需修改资源文件。

后续建议 #

可以关注Google Maps Compose组件的官方更新，待该问题修复后，即可直接使用Modifier.shadow实现标记阴影效果。

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