עיצוב המפות מבוסס-הענן כולל עכשיו סגנון מפה מעודכן שזמין לאינטרנט ולנייד. העדכון הזה לסגנון המפה כולל ערכת צבעים חדשה שמוגדרת כברירת מחדל, סיכות מודרניות ושיפורים בחוויית השימוש במפה ובממשק שלה. מידע נוסף זמין במאמר
סגנון מפה חדש בפלטפורמה של מפות Google. כדי להתחיל להשתמש בצבעים החדשים של המפה עם עיצוב מפות מבוסס-ענן, אפשר לעיין במאמר
עדכון סגנון המפה לגרסה האחרונה.
דוגמאות לעיצוב
ריכזנו כאן כמה דוגמאות לעיצוב רכיבים מורכבים.
כבישים צהובים עם קווי מתאר ירוקים
מתאימים אישית את כל הכבישים כך שיהיה להם מילוי צהוב בהיר וקווי מתאר ירוקים כהים בתור סגנון הבסיס. 
בקטע תכונות המפה, בוחרים באפשרות רשת דרכים.
בחלונית Road Network, בקטע Polyline, מסמנים את התיבה בקטע Fill color.
בוחרים צבע צהוב בהיר, כמו קוד הקסדצימלי #eeeec8.
מסמנים את התיבה בקטע צבע קו ובוחרים בצבע ירוק כהה, כמו קוד ה-hex #155304.
בקטע רוחב הקו של האותיות, מגדירים את הערך ל-3px.
כשמשנים את מרחק התצוגה, כבישים שונים מוצגים בסגנון הזה כשהם מופיעים ומיעדים. כשהדרכים קטנות מדי כדי להציג את קו המתאר, מוצג רק הצבע הצהוב.
צבעים שונים של מים בהתאם לרמת הזום
סגנונות מסוימים של רכיבים עשויים להיות גלויים רק ברמות מסוימות של מרחק מהתצוגה, כמו בניינים תלת-ממדיים או נקודות עניין (POI). מוסיפים סגנון כך שהמים יופיעו כחולים כהים כשמתרחקים עד למקסימום (z0), כחולים בינוניים כשמתקרבים לרמה של מדינה או חבל ארץ (רמת זום 6 במחשב נייד) וכחולים בהירים עם גבול כחול כהה כשמתקרבים מאוד (z19).
בקטע תכונות המפה, בוחרים באפשרות מים.
בחלונית Water, בקטע Polyline, מסמנים את התיבה בקטע Fill color ובוחרים בצבע כחול כהה.
לוחצים על יהלום הזום שמשמאל לאפשרות Fill color (צבע מילוי) כדי לפתוח את חלונית העיצוב ברמת הזום.
בוחרים את רמת הזום 6 ואת הצבע כחול בינוני.
בוחרים ברמת זום 19 ומשנים את המים לכחול בהיר.
הערה: אם מגדירים צבע קו, בנחלים קטנים ובנהרות קטנים רבים יוצג רק צבע הגוף, גם אם מגדילים את התצוגה עד הסוף. ההבדל בין קו לבין מילוי גלוי בבריכות גדולות, באגמים ובמאגרי מים גדולים יותר.
אלא אם צוין אחרת, התוכן של דף זה הוא ברישיון Creative Commons Attribution 4.0 ודוגמאות הקוד הן ברישיון Apache 2.0. לפרטים, ניתן לעיין במדיניות האתר Google Developers. Java הוא סימן מסחרי רשום של חברת Oracle ו/או של השותפים העצמאיים שלה.
עדכון אחרון: 2025-02-28 (שעון UTC).
[null,null,["עדכון אחרון: 2025-02-28 (שעון UTC)."],[[["This documentation provides guidance on customizing the visual style of map elements, such as roads and water bodies, using Cloud-based Map Styling."],["Users can learn to apply custom colors, outlines, and stroke widths to road networks based on zoom levels, creating unique map presentations."],["The examples demonstrate how to style water bodies with different colors based on zoom levels, showcasing the flexibility of map customization options."],["Users will understand how element styling, such as 3D buildings and POIs, might have visibility limitations based on zoom levels."],["This guide offers platform-specific instructions for implementing these customizations on Android, iOS, JavaScript, and Web Service platforms."]]],["The content details styling customizations for map elements across different platforms: Android, iOS, JavaScript, and Web Service. It provides examples of styling roads with a yellow fill and green outline by modifying the \"Road Network\" settings. Additionally, it illustrates how to adjust the color of water based on zoom levels, ranging from dark blue at maximum zoom out to pale blue with a dark blue border at maximum zoom in. The instructions are found within the \"Map Features\" and then within specific features, like the \"Road Network\" or \"Water\".\n"]]
