地图配色方案

对于 roadmap 和 terrain 类型的地图,您可以使用 google.maps.colorScheme 设置地图配色方案(深色、浅色或当前系统设置)。colorScheme 选项只能在地图初始化时设置;在地图创建后设置此选项不会产生任何效果。

路线图

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

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

地形

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

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

默认情况下,地图会使用浅色模式。创建地图时,请导入 ColorScheme,并在地图选项中指定地图配色方案(LIGHT、DARK 或 FOLLOW_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 将不会生效。

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