如何自定义Google Maps未加载瓦片时的默认背景色？

方案1：直接修改MapView底层背景 #

Compose的Maps组件基于原生MapView封装，你可以直接通过MapView实例修改背景色，覆盖默认的瓦片加载占位背景：

1. 在Compose中获取MapView引用并动态设置背景：

val mapView = rememberMapViewWithLifecycle()
LaunchedEffect(isDarkMode) { // isDarkMode为你的明暗模式状态变量
    mapView.setBackgroundColor(if (isDarkMode) Color(0xFF121212).toArgb() else Color(0xFFF5F5F5).toArgb())
}

这里的isDarkMode可通过主题状态或系统UI模式判断，替换为你需要的适配色值即可。卫星视图下，该背景会在瓦片加载完成后被自动覆盖，不影响正常地图显示。

方案2：配合地图样式JSON优化视觉过渡 #

虽然官方JSON样式编辑器无法直接设置该背景，但你可以调整地图核心图层颜色，让未加载区域与已加载区域视觉差异更小，再结合方案1的背景色设置，达到更协调的效果：

[
  {
    "featureType": "water",
    "elementType": "geometry",
    "stylers": [
      { "color": "#0a0a0a" } // 深色模式水体适配色
    ]
  },
  {
    "featureType": "land",
    "elementType": "geometry",
    "stylers": [
      { "color": "#181818" } // 深色模式陆地适配色
    ]
  }
]

将该样式应用到地图后，设置MapView背景为相近色值，即可让未加载区域的过渡更自然。

关于云样式的说明 #

官方云样式确实支持appBackground参数实现该需求，但它依赖付费的Google Maps Platform配额。对于不想产生额外成本的项目，上述两种方案完全可以满足自定义背景、适配明暗模式的需求，且无需依赖云服务。

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