地图配色方案

对于类型为 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);

如果您在 Map 实例化后重置选项,colorScheme 将不会产生任何影响。