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

אפשר להשתמש באשף עיצוב של Maps Platform כדי ליצור במהירות אובייקט סגנונות בפורמט JSON.

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

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

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

  • המפה נוצרת.
  • או כשמפעילים את ה-method‏ Map.setOptions.

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

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

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

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