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