צבעי מפה

במפות מסוג 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 אין השפעה.