שימוש בהצהרות מוטמעות בסגנון 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.

אשף העיצוב של Maps Platform

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

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

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

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

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

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

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

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

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