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

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

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