地圖色彩配置

針對 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 就不會生效。