במפות מסוג 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
לא משפיע.
כדי ליצור סגנונות בהירים וסגנונות כהים בהתאמה אישית לסוגי מפות של תוכניות, משתמשים בעיצוב מפות מבוסס-ענן.