אפשר להחיל עיצוב מותאם אישית באמצעות הצהרות סגנון מוטמעות ב-JSON על הפריטים הבאים:
- מפת ברירת המחדל.
- סוגי המפות שמשתמשים יכולים לעבור ביניהם בתוך מסגרת מפה אחת.
ציון סגנונות למאפיינים
כדי להחיל סגנונות על תכונות ורכיבים שונים במפה, יוצרים מערך של אובייקטים מסוג MapTypeStyle
שמגדירים את סגנון המפה.
המערך נראה כך:
var stylesArray = [
{
featureType: '',
elementType: '',
stylers: [
{color: ''},
{visibility: ''},
// Add any stylers you need.
]
},
{
featureType: '',
// Add the stylers you need.
}
]
ברשימת הערכים הזמינים של featureType
, elementType
ו-stylers
מפורטת העזרה בנושא סגנון JSON.
האשף לעיצוב של Maps Platform
אפשר להשתמש באשף הסטייל של פלטפורמת מפות Google כדרך מהירה ליצירת אובייקט סטייל בפורמט JSON.
החלת סגנונות על מפה שמוגדרת כברירת מחדל
בהמשך מוצגת דוגמה למפה שמוגדרת כברירת מחדל עם טקסט וסמלים בצבע בהיר על רקע כהה (כלומר, במצב כהה). כדי לראות את דוגמת הקוד, אפשר לעבור אל Styled Maps – דוגמת קוד של מצב לילה.
כדי לשנות את הסגנונות של מפת ברירת המחדל, מגדירים את המאפיין styles
של המפה באובייקט MapOptions
למערך הסגנונות שלכם במקרים הבאים:
- יצירת המפה.
- לחלופין, כשקוראים לשיטה
Map.setOptions
.
שינויים בתוויות ובכבישים משפיעים על כל סוגי המפות, כולל מפות שטח, מפות לוויין, מפות היברידיות ומפות ברירת מחדל.
החלת סגנונות על סוג מפה
בתמונה הבאה מוצג סוג מפה נוסף שנקרא מפה בסגנון באמצעי הבקרה בפינה הימנית העליונה של המפה. כדי לראות את דוגמת הקוד, אפשר לעבור אל סוגים של מפות עם עיצוב.
כדי ליצור סוג מפה עם עיצוב, מגדירים את מערך הסגנון כאובייקט StyledMapType
. יצירת סוג מפה חדש עם עיצוב לא משפיעה על העיצוב של סוגי המפה שמוגדרים כברירת מחדל.