ערכת הצבעים של המפה

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

כדי ליצור סגנונות בהירים וכהים בהתאמה אישית לסוגי המפות של מפת הדרכים, משתמשים בעיצוב מפות מבוסס-ענן.