הנחיות לשיוך טקסט ב-Grounding Lite

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

הצגת שיוך למפות Google

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

הלוגו של מפות Google ושיוך הטקסט

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

מימין: שיוך טקסט ל-Google Maps, משמאל: שיוך לוגו ל-Google Maps

ייחוס לוגו

אלה הדרישות לשימוש בלוגו של מפות Google באפליקציה או באתר שלכם.

וריאציות מקובלות של שיוך הלוגו של מפות Google

הורדה של לוגו מפות Google

להשתמש בקובצי הלוגו הרשמיים של מפות Google. מורידים את הלוגו שלמטה ופועלים לפי ההנחיות שבקטע הזה.

הורדת נכסי השיוך של מפות Google

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

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

מפרט גודל הלוגו

הדרישות לגבי גודל הלוגו של מפות Google:

• גובה מינימלי של הלוגו: 16dp
• גובה מקסימלי של הלוגו: 19dp
• השטח הפנוי המינימלי מסביב ללוגו: 10dp משמאל, מימין ומלמעלה, 5dp מלמטה

מידע נוסף על dp זמין במאמר Pixel density באתר Material Design.

לוגו מפות Google עם שטח ריק מינימלי וטווח גדלים מקובל

נגישות הלוגו

אלה דרישות הנגישות לשימוש בלוגו של מפות Google:

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

וריאציות לא מקובלות ובעיות נגישות בשיוך ללוגו של מפות Google

ייחוס טקסט

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

וריאציות מקובלות של שיוך הטקסט במפות Google

• אל תשנו את הטקסט מפות Google בשום צורה:
  • אל תשנו את האיות של מפות Google
  • לא להעביר את מפות Google לכמה שורות
  • אל תתאימו את מפות Google לשוק המקומי בשפה אחרת.
  • כדי למנוע מדפדפנים לתרגם את מפות Google, אפשר להשתמש בתג HTML‏ translate="no".

וריאציות לא מקובלות של שיוך הטקסט למפות Google

• מעצבים את הטקסט במפות Google כמו שמתואר בטבלה הבאה:

  הדרישות בנוגע לסגנון הטקסט במפות Google
  נכס	סגנון
  משפחת גופנים	‫Roboto. טעינת הגופן היא אופציונלית.
  משפחת גופנים חלופית	כל גופן גוף מסוג Sans Serif שכבר נמצא בשימוש במוצר או Sans-Serif כדי להפעיל את גופן המערכת שמוגדר כברירת מחדל
  סגנון הגופן	רגיל
  עובי הגופן	400
  צבע גופן	לבן, שחור (#1F1F1F) או אפור (#5E5E5E). חשוב לשמור על ניגודיות נגישה (4.5:1) ביחס לרקע.
  גודל גופן	גודל גופן מינימלי: 12sp גודל גופן מקסימלי: 16sp מידע נוסף על sp זמין במאמר יחידות של גודל גופן באתר Material Design.
  ריווח בין אותיות	רגיל

דוגמה ל-CSS

קוד ה-CSS הבא מעבד את מפות Google עם סגנון הטיפוגרפיה והצבע המתאימים על רקע לבן או בהיר.

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

.GMP-attribution {
font-family: Roboto, Sans-Serif;
font-style: normal;
font-weight: 400;
font-size: 1rem;
letter-spacing: normal;
white-space: nowrap;
color: #5e5e5e;
}