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