Persyaratan atribusi untuk Places UI Kit

Topik ini memberikan persyaratan atribusi untuk Places UI Kit. Untuk persyaratan Places UI Kit selengkapnya, lihat Persyaratan Layanan Google Maps Platform.

Atribusi Google Maps yang disertakan

Atribusi Google Maps disertakan dengan Places UI Kit.

• Jangan hapus atribusi yang disertakan, terlepas dari tempatnya ditampilkan. Jangan mengubah, menyembunyikan, atau mengaburkan atribusi dan pastikan atribusi mudah terlihat di latar belakang.
• Selalu bedakan konten Google Maps Platform secara visual dari konten lain menggunakan tanda UI seperti batas, warna latar belakang, bayangan, atau spasi kosong yang memadai.
• Saat melakukan perubahan visual, Anda harus mematuhi persyaratan atribusi Google Maps. Untuk mengetahui detailnya, lihat bagian berikut.

Contoh atribusi Kit UI Tempat

Atribusi wajib diterapkan ke komponen ringkas Place Details. Pada peta non-Google ini, atribusi Google Maps terlihat jelas, dan konten Google Maps Platform secara visual dibedakan dari konten lainnya.

Persyaratan atribusi Google Maps

Atribusi harus berupa logo Google Maps jika memungkinkan. Jika ruang terbatas, teks Google Maps dapat diterima. Pengguna akhir harus selalu mengetahui dengan jelas konten mana yang disediakan oleh Google Maps.

Atribusi logo

Mendownload logo Google Maps

Gunakan file logo Google Maps resmi. Download logo di bawah, dan ikuti panduan di bagian ini.

Download: google_logo_ui_kit.zip

Saat menggunakan logo Google Maps, ikuti panduan ini.

• Jangan mengubah logo dengan cara apa pun.
• Pertahankan rasio aspek logo untuk mencegah distorsi.
• Gunakan logo yang digarisbatasi pada latar belakang yang ramai, seperti peta atau gambar.
• Gunakan logo tanpa garis batas pada latar belakang polos, seperti warna solid atau gradien halus.

Spesifikasi ukuran logo

• Tinggi logo minimum: 16dp
• Tinggi logo maksimum: 19dp
• Ruang kosong minimum logo: 10 dp di kiri, kanan, dan atas, 5 dp di bawah

Untuk mempelajari dp, lihat Kepadatan piksel di situs Desain Material.

Aksesibilitas logo

• Pertahankan kontras yang mudah diakses antara logo dan latar belakang.
• Sertakan label aksesibilitas dengan teks Google Maps.

Atribusi teks

Jika ukuran antarmuka Anda tidak mendukung penggunaan logo Google Maps, Anda dapat mengeja Google Maps dalam teks. Ikuti pedoman berikut:

• Jangan mengubah teks Google Maps dengan cara apa pun:
  
  • Jangan ubah kapitalisasi Google Maps
  • Jangan gabungkan Google Maps ke dalam beberapa baris
  • Jangan melokalkan Google Maps ke dalam bahasa lain.
  • Cegah browser menerjemahkan Google Maps menggunakan atribut HTML translate="no".

• Buat gaya teks Google Maps seperti yang dijelaskan dalam tabel berikut:

  Persyaratan gaya teks Google Maps
  Properti	Gaya
  Jenis font	Roboto. Memuat font bersifat opsional.
  Jenis font pengganti	Font isi sans serif apa pun yang sudah digunakan dalam produk Anda atau "Sans-Serif" untuk memanggil font sistem default
  Gaya font	Normal
  Ketebalan font	400
  Warna font	Putih, hitam (#1F1F1F), atau abu-abu (#5E5E5E). Pertahankan kontras (4,5:1) yang dapat diakses dengan latar belakang.
  Ukuran font	Ukuran font minimum: 12sp Ukuran font maksimum: 16sp Untuk mempelajari sp, lihat Unit ukuran font di situs Desain Material.
  Spasi huruf	Normal

CSS Contoh

CSS berikut merender Google Maps dengan gaya dan warna tipografi yang sesuai di latar belakang putih atau terang.

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

Persyaratan visual

• Posisikan atribusi di dekat bagian atas atau bawah konten, dan dalam penampung visual yang sama. Untuk satu baris konten, atribusi dapat diposisikan di sebelah kanan atau kiri.

• Bedakan konten Google Maps Platform secara visual dari konten lain menggunakan tanda UI seperti batas, warna latar belakang, bayangan, atau spasi kosong yang memadai.

• Jangan memberikan pernyataan tidak benar tentang Google Maps dengan mengatribusikannya dengan konten non-Google Maps Platform.
• Pastikan atribusi selalu terlihat dan dapat dibaca. Jangan pernah menghapus, menyembunyikan, mengaburkan, atau mengubahnya.

Gambar berikut menunjukkan contoh persyaratan visual ini.