Kit UI di Places

La libreria di componenti dell'UI Kit di Places ti consente di portare la familiare esperienza utente di Google Maps per Places nelle tue app e pagine web, utilizzando gli stessi dati alla base dell'API Places. Include un insieme di singoli componenti dell'interfaccia utente che possono essere utilizzati indipendentemente, insieme o in combinazione con altre API di Google Maps Platform per offrire un'esperienza ricca di luoghi con un costo e un codice minimi.

L'UI Kit di Places include i seguenti elementi HTML per il rendering dei dati di Places:

  • Elemento Dettagli luogo ed Elemento Dettagli luogo compatto visualizzano i dettagli di un luogo selezionato.
  • Elenco di luoghi mostra un elenco di luoghi da una ricerca.
  • Altitudine mostra i dati sull'altitudine per un singolo punto o un percorso.

    • Place Details e Place Details Compact

    I componenti Dettagli sui luoghi Dettagli sui luoghi e Dettagli sui luoghi compatti sono elementi HTML personalizzabili che visualizzano i dettagli di un luogo selezionato, definito da un ID luogo, da un oggetto luogo o da un insieme di coordinate di latitudine e longitudine.

    Place Details, Place Details Compact (vertical and horizontal) configurations

    Elenco di luoghi

    Il componente Elenco di luoghi mostra un elenco di luoghi in risposta a una ricerca di testo o a una ricerca nelle vicinanze di Places.

    Posiziona l'elemento Elemento elenco autonomo accanto a una mappa di Google

    Elevazione

    Il componente Altitudine mostra i dati sull'altitudine come valore numerico per un singolo punto o come grafico visivo per un percorso.
    Elemento Elevazione autonomo ed elemento sovrapposto su una mappa di Google

    Funzionalità e caratteristiche principali

    • Incorpora l'esperienza affidabile di Google a partire da un codice minimo.
    • Porta l'interfaccia utente di Google Maps per Places nelle tue app a un costo inferiore rispetto all'API Places.
    • Scegli i dati e le opzioni di visualizzazione più adatti alle tue esigenze.

    Passaggio successivo: inizia a utilizzare l'UI Kit di Places