שימוש בהצהרות מוטמעות בסגנון JSON

בחירת פלטפורמה: Android iOS JavaScript

אפשר להחיל עיצוב מותאם אישית באמצעות הצהרות סגנון JSON מוטמעות על:

  • מפת ברירת מחדל.
  • סוגי המפות שמשתמשים יכולים לעבור ביניהם בתוך מסגרת מפה אחת.

ציון סגנונות לתכונות

כדי להחיל סגנונות על תכונות ואובייקטים שונים במפה, יוצרים מערך של אובייקטים מסוג MapTypeStyle שמגדירים את סגנון המפה.

המערך נראה כך:

var stylesArray = [
  {
    featureType: '',
    elementType: '',
    stylers: [
      {color: ''},
      {visibility: ''},
      // Add any stylers you need.
    ]
  },
  {
    featureType: '',
    // Add the stylers you need.
  }
]

רשימה של כל הערכים הזמינים של featureType,‏ elementType ו-stylers מופיעה במאמרי העזרה בנושא סגנון JSON.

אשף העיצוב בפלטפורמה של מפות Google

יצירת סגנונות בהתאמה אישית לממשקי ה-API של הפלטפורמה של מפות Google

אפשר להשתמש באשף העיצוב של פלטפורמת מפות Google כדרך מהירה ליצירת אובייקט עיצוב בפורמט JSON.

החלת סגנונות על מפת ברירת מחדל

בהמשך מוצגת דוגמה למפה שמוגדרת כברירת מחדל עם עיצוב של טקסט וסמלים בצבע בהיר על רקע כהה (כלומר, במצב כהה). כדי לראות את דוגמת הקוד, אפשר לעבור אל Styled Maps – דוגמת קוד של מצב לילה.

כדי לשנות את הסגנונות של מפת ברירת המחדל, מגדירים את המאפיין styles של המפה באובייקט MapOptions למערך הסגנונות שלכם במקרים הבאים:

  • יצירת המפה.
  • לחלופין, כשקוראים לשיטה Map.setOptions.

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

החלת סגנונות על סוג מפה

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

כדי ליצור סוג מפה מעוצבת, מגדירים את מערך הסגנון לאובייקט StyledMapType. יצירת סוג מפה חדש עם עיצוב לא משפיעה על העיצוב של סוגי המפה שמוגדרים כברירת מחדל.