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