דוגמאות לסגנון

הפלטפורמה: Android iOS JavaScript Web Service

הנה כמה דוגמאות לעיצוב מורכב של רכיבים.

כבישים צהובים עם קווי מתאר ירוקים

התאמה אישית של כל הכבישים כך שיהיה להם מילוי צהוב בהיר וקו מתאר ירוק כהה כסגנון הבסיסי.

1. בקטע תכונות במפה, בוחרים באפשרות רשת כבישים.

2. בחלונית הסגנון Road Network, בקטע Polyline, בוחרים את התיבה שמתחת לFill color.

3. בוחרים צבע צהוב בהיר, כמו קוד הקסדצימלי ‎ #eeeec8.

4. בוחרים את התיבה שמתחת לצבע הקו ובוחרים צבע ירוק כהה, כמו הקוד ההקסדצימלי ‎ #155304.

5. בקטע רוחב הקו של האותיות, מגדירים את הערך ל-3px.

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

צבעים שונים של מים לפי רמת הזום

יכול להיות שסוגים מסוימים של סגנונות רכיבים יהיו גלויים רק ברמות זום מסוימות, כמו בניינים בתלת-ממד או נקודות עניין. מוסיפים סגנון כך שהמים יופיעו בכחול כהה כשמצמצמים את התצוגה לרמה המקסימלית (z0), בכחול בינוני כשמגדילים את התצוגה לרמה של מדינה או מחוז (רמת זום 6 במחשב נייד), ובכחול בהיר עם גבול כחול כהה כשמגדילים את התצוגה לרמה גבוהה (z19).

1. בקטע תכונות המפה, בוחרים באפשרות מים.

2. בחלונית Water, בקטע Polyline, מסמנים את התיבה שמתחת לFill color ובוחרים צבע כחול כהה.

3. לוחצים על סמל הזום בצורת מעוין משמאל לצבע המילוי כדי לפתוח את חלונית הזום.

4. בוחרים את רמת הזום 6 וצבע כחול בינוני.

5. בוחרים ברמת זום 19 ומשנים את צבע המים לכחול בהיר.

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