地图配色方案

对于 roadmapterrain 类型的地图,您可以设置地图配色方案 (深色、浅色或当前系统设置)。google.maps.colorScheme通过 colorScheme 选项只能在地图初始化时设置;设置这个 选项将不起作用。

路线图

下图显示了浅色模式和深色模式的配色方案 roadmap 类型。

两个使用浅色模式和深色模式配色方案的巴黎路线图类型地图示例。

地形

下图显示了浅色模式和深色模式的配色方案 terrain 类型。

两个使用浅色模式和深色模式配色方案的地形类型地图示例。

默认情况下,地图使用浅色模式。在创建地图时,导入 ColorScheme 并指定地图配色方案(LIGHTDARKFOLLOW_SYSTEM), 地图选项,如此处所示

const {ColorScheme} = await google.maps.importLibrary("core")

const mapOptions = {
  center: { lat: -34.397, lng: 150.644 },
  zoom: 8,
  colorScheme: ColorScheme.DARK,
}
map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);

如果您在地图实例化后重置选项,则 colorScheme 不会 效果。