לעיצוב המפה מבוסס-הענן יש עכשיו סגנון מפה חדש וזמין לאינטרנט ולנייד. העדכון הזה בסגנון המפה כולל לוח צבעים חדש שמוגדר כברירת מחדל ושיפורים בחוויית השימוש במפות ובנוחות השימוש. מידע נוסף זמין במאמר סגנון מפה חדש לפלטפורמה של מפות Google. כדי להתחיל להשתמש בצבעי המפה החדשים בעיצוב מפות מבוסס-ענן, כדאי לעיין במאמר עדכון סגנון מפה לגרסה האחרונה.
נכנסים למסוף Google Cloud ובוחרים באפשרות Map Styles. בוחרים פרויקט קיים או יוצרים פרויקט חדש, לפי הצורך.
בוחרים באפשרות יצירת סגנון.
בחלק התחתון של תיבת הדו-שיח, בוחרים באפשרות התאמה אישית.
עיצוב של רשת הדרכים
בקטע תכונות המפה, מרחיבים את האפשרות תשתית ובוחרים באפשרות רשת דרכים.
בחלונית שמופיעה בצד שמאל, בקטע קו מרובע ואז בקטע צבע מילוי, בוחרים את תיבת הצבע.
בוחרים צבע בהיר. שינוי הצבע מסמנת באופן אוטומטי את התיבה Fill color.
בקטע רוחב הקו של האותיות, מגדירים את רוחב הקו ל-5px.
במפה, מתקרבים ומתרחקים כדי לראות את ההשפעה של השינויים. מכיוון שבחרתם תכונה במפה שנמצאת גבוה יחסית בהיררכיה, כל סוגי הכבישים שמתחתיה ירשו את השינויים.
שמירה ופרסום של סגנון המפה
בפינה השמאלית העליונה, לוחצים על שמירה.
בקטע שמירה ופרסום של סגנון המפה, מזינים שם ותיאור (אופציונלי) לסגנון המפה.
לוחצים על שמירה. סגנון המפה נשמר ומפורסם.
שלב 2: יוצרים מזהה מפה ומחברים אותו
מזהה מפה מאפשר לכם להשתמש בסגנון המפה באפליקציות ובאתרים. אם מבצעים שינויים בסגנון המפה שמשויך למזהה מפה, השינויים בסגנון נכנסים לתוקף כשמפרסמים את המפה, כך שאין צורך בעדכוני תוכנה או באפליקציה.
יצירת מזהה מפה
במסוף Google Cloud, בוחרים באפשרות Map Management.
בחלק העליון, בוחרים באפשרות יצירת מזהה מפה.
מוסיפים שם למזהה המפה, ואפשר גם להוסיף תיאור.
בוחרים את סוג המפה למזהה המפה, בהתאם למיקום שבו רוצים להשתמש בסגנון המפה.
בחלק התחתון של הדף, בחר באפשרות שמור. מזהה המפה נוצר.
חיבור מזהה המפה לסגנון המפה
בקטע סגנון המפה המשויך, בוחרים את סגנון המפה שיצרתם.
לוחצים על שמירה. מזהה המפה משויך עכשיו לסגנון המפה.
שלב 3: מוסיפים את מזהה המפה לאפליקציות או לאתרים
עכשיו, אחרי שיש לכם מזהה מפה שמשויך לסגנון מפה שפורסם, תוכלו להוסיף אותו לאפליקציות או לאתרים שלכם ולבדוק שהוא פועל כצפוי.
עדכון סגנון. אתם יכולים לבצע שינויים בסגנון המפה ולפרסם אותה, והשינויים יופיעו באופן אוטומטי באפליקציות ובאתרים שלכם. אם אתם רוצים לבדוק את השינויים לפני שהם ייכנסו לתוקף, תוכלו לעיין במאמר בדיקת עדכוני סגנון המפה.
משתמשים בהיררכיית הרכיבים במפה כדי לקבל ביעילות את הסגנונות הרצויים.
לדוגמה, אפשר להגדיר סגנון למאפיין המפה ברמה גבוהה Natural>Land, וכל מאפייני המפה של היבשה שמתחתיו ירשו את הסגנון. לאחר מכן תוכלו להגדיר סגנון מותאם אישית רק לתכונות המפה של הצאצא שאתם רוצים שיהיו שונות.
[[["התוכן קל להבנה","easyToUnderstand","thumb-up"],["התוכן עזר לי לפתור בעיה","solvedMyProblem","thumb-up"],["סיבה אחרת","otherUp","thumb-up"]],[["חסרים לי מידע או פרטים","missingTheInformationINeed","thumb-down"],["התוכן מורכב מדי או עם יותר מדי שלבים","tooComplicatedTooManySteps","thumb-down"],["התוכן לא עדכני","outOfDate","thumb-down"],["בעיה בתרגום","translationIssue","thumb-down"],["בעיה בדוגמאות/בקוד","samplesCodeIssue","thumb-down"],["סיבה אחרת","otherDown","thumb-down"]],["עדכון אחרון: 2025-02-25 (שעון UTC)."],[[["This tutorial explains how to create and apply custom map styles to highlight road networks using Google Cloud's map styling tools."],["You'll learn to create, publish, and connect a map ID to your custom style, enabling its use across various platforms like Android, iOS, JavaScript, and Web Service."],["The tutorial guides you through styling road networks by adjusting fill color and stroke width, impacting the visual representation of roads on your maps."],["Finally, you'll integrate the map ID into your applications and websites, ensuring your custom map style is reflected in your projects."]]],["This tutorial outlines how to create and implement a custom map style focused on highlighting the road network. Key actions include: 1) **Creating and publishing a map style** via the Google Cloud console, customizing the road network's color and stroke width. 2) **Creating and connecting a map ID** to the custom style, enabling the use of the style in apps and websites. 3) **Adding the map ID** to applications or websites, linking them to the unique style, and allowing to update the style.\n"]]
