Places UI Kit

Library komponen Places UI Kit memungkinkan Anda menghadirkan pengalaman pengguna Google Maps yang sudah dikenal untuk Places ke aplikasi dan halaman web Anda, menggunakan data yang sama dengan yang mendukung Places API. API ini mencakup serangkaian komponen UI individual yang dapat digunakan secara independen, bersama-sama, atau bersama dengan Google Maps Platform API lainnya untuk memberikan pengalaman yang kaya Places dengan biaya dan kode minimal.

Places UI Kit menyertakan elemen HTML berikut untuk merender data Places:

  • Elemen Detail Tempat dan Elemen Ringkas Detail Tempat merender detail untuk tempat yang dipilih.
  • Daftar Tempat, juga dikenal sebagai Place Search, merender daftar tempat dari penelusuran.
  • Ketinggian merender data ketinggian untuk satu titik atau jalur.

    • Place Details dan Place Details Compact

    Komponen Place Details Place Details dan Place Details Compact adalah elemen HTML yang dapat disesuaikan yang merender detail untuk tempat yang dipilih, yang ditentukan oleh ID Tempat, objek tempat, atau kumpulan koordinat lintang dan bujur.

    Place Details, konfigurasi Place Details Compact (vertikal dan horizontal)

    Daftar Tempat (Place Search)

    Komponen Daftar Tempat, yang juga dikenal sebagai Place Search, merender daftar tempat sebagai respons terhadap Text Search Places atau Nearby Search Places.

    Menempatkan Elemen Mandiri Daftar di samping Google Maps

    Elevasi

    Komponen Elevasi merender data elevasi sebagai nilai numerik untuk satu titik, atau sebagai plot visual untuk jalur.
    Elemen Mandiri Elevasi dan elemen yang ditempatkan di Google Maps

    Fitur dan kemampuan utama

    • Gabungkan pengalaman tepercaya Google mulai dari kode minimal.
    • Hadirkan UI Google Maps untuk Places ke aplikasi Anda dengan biaya yang lebih rendah daripada Places API.
    • Pilih data dan opsi tampilan yang paling sesuai dengan kebutuhan Anda.

    Langkah berikutnya: Mulai menggunakan Kit UI Places