Places UI Kit için ilişkilendirme şartları

Bu konuda, Yerler kullanıcı arayüzü paketi için ilişkilendirme koşulları açıklanmaktadır. Diğer Places UI Kit şartları için Google Haritalar Platformu Hizmet Şartları'na bakın.

Dahil edilen Google Haritalar ilişkilendirmesi

Google Haritalar ilişkilendirmesi, Yerler kullanıcı arayüzü paketine dahildir.

• Ekli ilişkilendirmeyi, nerede gösterildiğine bakılmaksızın kaldırmayın. İlişkilendirmeyi değiştirmeyin, gizlemeyin veya arka planda kolayca görülebildiğinden emin olun.
• Kenarlık, arka plan rengi, gölge veya yeterli boş alan gibi kullanıcı arayüzü ipuçları kullanarak Google Haritalar Platformu içeriğini diğer içeriklerden her zaman görsel olarak ayırt edin.
• Görsel değişiklikler yaparken Google Haritalar ilişkilendirme koşullarına uymanız gerekir. Ayrıntılar için aşağıdaki bölümü inceleyin.

Places UI Kit ilişkilendirme örneği

Yer Ayrıntıları kompakt bileşenine uygulanan zorunlu ilişkilendirme. Google haritası olmayan bu haritada Google Haritalar ilişkilendirmesi açıkça görülebilir ve Google Haritalar Platformu içeriği diğer içeriklerden görsel olarak ayırt edilebilir.

Google Haritalar ilişkilendirme koşulları

İlişkilendirme, mümkün olduğunda Google Haritalar logosu şeklinde olmalıdır. Alanın sınırlı olduğu durumlarda Google Haritalar metni kabul edilir. Son kullanıcılar, Google Haritalar tarafından sağlanan içeriği her zaman net bir şekilde görebilmelidir.

Sol: Google Haritalar logo ilişkilendirmesi, Sağ: Google Haritalar metin ilişkilendirmesi

Logo ilişkilendirme

Google Haritalar logosunu uygulamanızda veya web sitenizde kullanmak için aşağıdaki şartları uygulayın.

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

Google Haritalar logolarını indirme

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

İndir: google_logo_ui_kit.zip

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

• Logoyu hiçbir şekilde değiştirmeyin.
• Bozulmasını önlemek için logonun en boy oranını koruyun.
• Ana hatlarıyla gösterilen logoyu harita veya resim gibi yoğun arka planlarda kullanın.
• Kenarlıksız logoyu düz bir arka planda (ör. düz renk veya hafif gradyan) kullanın.

Logo boyutu spesifikasyonu

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

• Minimum logo yüksekliği: 16 dp
• Maksimum logo yüksekliği: 19 dp
• Logonun minimum boşluk alanı: Sol, sağ ve üstte 10 dp, altta 5 dp

dp hakkında bilgi edinmek için Materyal Tasarım web sitesindeki Piksel yoğunluğu bölümüne bakın.

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

Logo erişilebilirliği

Google Haritalar logosu için aşağıdaki erişilebilirlik koşullarını uygulayın:

• Logo ile arka plan arasında erişilebilir bir kontrast sağlayın.
• Google Haritalar metnini içeren bir erişilebilirlik etiketi ekleyin.

Google Haritalar logo ilişkilendirmesi için kabul edilemez varyasyonlar ve erişilebilirlik sorunları

Metin ilişkilendirmesi

Arayüzünüzün boyutu Google Haritalar logosunun kullanılmasını desteklemiyorsa Google Haritalar'ı metin olarak 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 sığdırmayın
  • Google Haritalar'ı başka bir dilde yerelleştirmeyin.
  • translate="no" HTML özelliğini kullanarak tarayıcıların Google Haritalar'ı çevirmesini engelleyin.

Google Haritalar metin ilişkilendirmesinin kabul edilemez varyasyonları

• Google Haritalar metnini aşağıdaki tabloda açıklandığı şekilde biçimlendirin:

  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 halihazırda kullanılan 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: 12sp Maksimum yazı tipi boyutu: 16sp sp hakkında bilgi edinmek için Material Design web sitesindeki Yazı tipi boyutu birimleri bölümüne bakın.
  Harf aralıkları	Normal

Örnek CSS

Aşağıdaki CSS, Google Haritalar'ı beyaz veya açık renkli bir arka planda uygun yazı stili ve rengiyle 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;
}

Görsel koşullar

Google Haritalar ilişkilendirmesinin görsel olarak işlenmesi için aşağıdaki koşulları uygulayın.

• İlişkilendirmeyi içeriğin üst veya alt kısmına ve aynı görsel kapsayıcıya yakın bir yere yerleştirin. Tek bir içerik satırı için ilişkilendirme sağa veya sola yerleştirilebilir.

• Kenarlık, arka plan rengi, gölge veya yeterli boşluk gibi kullanıcı arayüzü ipuçları kullanarak Google Haritalar Platformu içeriğini diğer içeriklerden görsel olarak ayırt edin.

• Google Haritalar'ı Google Haritalar Platformu dışındaki içeriklerle ilişkilendirerek yanlış beyan etmeyin.
• İlişkilendirmenin her zaman görünür ve okunabilir olduğundan emin olun. Asla kaldırmayın, gizlemeyin, engellemeyin veya değiştirmeyin.

Aşağıdaki resimlerde bu görsel koşullara örnek gösterilmektedir.

Google Haritalar ilişkilendirmesinin içeriğin üst, alt ve yan tarafında konumlandırıldığı örnek

Google Haritalar içeriğini (yer puanı) diğer içeriklerden ayırt etmeye yönelik üç yaklaşım örneği

Google Haritalar ilişkilendirmesini gizlemeyin veya diğer kaynaklardan alınan içerikle karıştırmayın