Grounding Lite metin ilişkilendirme yönergeleri

Bu sayfada, uygulamalarınızda Grounding Lite içeriğini göstermeyle ilgili ilişkilendirme şartları ve yönergeleri verilmektedir.

Google Haritalar ilişkilendirmesini görüntüleme

Grounding Lite'tan alınan İçerik'i uygulamanızda veya web sitenizde gösterirken Google Haritalar ilişkilendirme şartlarına uymanız gerekir. İçerik, ilişkilendirmenin zaten görünür olduğu bir Google Haritası'nda gösteriliyorsa ek ilişkilendirme eklemeniz gerekmez.

Google Haritalar logosu ve metin atfı

Mümkün olduğunda Google Haritalar logosu kullanılmalıdır. Alan sınırlı olduğunda Google Haritalar metni kabul edilebilir. Son kullanıcılar, Google Haritalar tarafından sağlanan içeriğin hangisi olduğunu her zaman net bir şekilde anlayabilmelidir.

Sol: Google Haritalar logo atfı, Sağ: Google Haritalar metin atfı

Logo ilişkilendirmesi

Uygulamanızda veya web sitenizde Google Haritalar logosunu kullanmak için aşağıdaki şartlara uyun.

Google Haritalar logosu ilişkilendirmesi için kabul edilebilir varyasyonlar

Google Haritalar logolarını indirme

Resmi Google Haritalar logosu dosyalarını kullanın. Aşağıdaki logoları indirin ve bu bölümdeki yönergeleri uygulayın.

Google Haritalar ilişkilendirme öğelerini indirme

Google Haritalar logosunu kullanırken aşağıdaki yönergelere uyun.

• Logoyu hiçbir şekilde değiştirmeyin.
• Bozulmayı önlemek için logonun en boy oranını koruyun.
• Harita veya resim gibi yoğun bir arka planda ana hatları çizilmiş logoyu kullanın.
• Düz renk veya ince bir gradyan gibi düz bir arka planda ana hatları olmayan logoyu kullanın.

Logo boyutu özelliği

Google Haritalar logosu için aşağıdaki boyut özelliklerini kullanın:

• Minimum logo yüksekliği: 16 dp
• Maksimum logo yüksekliği: 19 dp
• Minimum logo boşluğu: Sol, sağ ve üstte 10 dp, altta 5 dp

dp hakkında bilgi edinmek için Materyal Tasarım web sitesindeki Pixel density (Pixel yoğunluğu) başlıklı makaleyi inceleyin.

Minimum boş alanı ve kabul edilebilir boyut aralığını gösteren Google Haritalar logosu

Logo erişilebilirliği

Google Haritalar logosuyla ilgili şu erişilebilirlik koşullarını uygulayın:

• Logo ve arka plan arasında erişilebilir bir kontrast oluşturun.
• Google Haritalar metnini içeren bir erişilebilirlik etiketi ekleyin.

Google Haritalar logosu ilişkilendirmesiyle ilgili kabul edilemez varyasyonlar ve erişilebilirlik sorunları

Metin ilişkilendirmesi

Arayüzünüzün boyutu Google Haritalar logosunun kullanılmasını desteklemiyorsa metinde Google Haritalar yazabilirsiniz. Bunun için aşağıdaki yönergeleri izleyin:

Google Haritalar metin ilişkilendirmesinin kabul edilebilir varyasyonları

• Google Haritalar metnini hiçbir şekilde değiştirmeyin:
  • Google Haritalar'ın büyük/küçük harf kullanımını değiştirmeyin.
  • Google Haritalar'ı birden fazla satıra sarmayın.
  • Google Haritalar'ı başka bir dile yerelleştirmeyin.
  • HTML özelliği translate="no"'ı kullanarak tarayıcıların Google Haritalar'ı çevirmesini engelleyin.

Google Haritalar metin atfının kabul edilemez varyasyonları

• Google Haritalar metnini aşağıdaki tabloda açıklandığı şekilde stilize edin:

  Google Haritalar metin stili koşulları
  Özellik	Stil
  Yazı tipi ailesi	Roboto Yazı tipini yüklemek isteğe bağlıdır.
  Yedek yazı tipi ailesi	Ürününüzde zaten kullanılan herhangi bir sans-serif gövde yazı tipi veya varsayılan sistem yazı tipini çağırmak için "Sans-Serif"
  Yazı tipi stili	Normal
  Yazı tipi kalınlığı	400
  Yazı tipi rengi	Beyaz, siyah (#1F1F1F) veya gri (#5E5E5E). Arka planla erişilebilir (4.5:1) kontrastı koruyun.
  Yazı tipi boyutu	Minimum yazı tipi boyutu: 12 sp Maksimum yazı tipi boyutu: 16 sp sp hakkında bilgi edinmek için Material Design web sitesindeki Yazı tipi boyutu birimleri başlıklı makaleyi inceleyin.
  Harf aralıkları	Normal

Örnek CSS

Aşağıdaki CSS, Google Haritalar'ı beyaz veya açık renkli bir arka planda uygun tipografik stil ve renkle oluşturur.

@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;
}