地圖色彩配置

如果是 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 不會生效。

如要為路線圖地圖類型建立自訂淺色和深色樣式,請使用雲端式地圖樣式設定