如果是 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 就不會生效。
如要為路線圖地圖類型建立自訂淺色和深色樣式,請使用雲端式地圖樣式設定。