地图配色方案

对于 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 将不起作用。

如需为路线图地图类型创建自定义浅色样式和深色样式,请使用云端地图样式设置