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

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

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

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

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

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

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

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

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