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