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

במפות מסוג 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.

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