> ## Documentation Index
> Fetch the complete documentation index at: https://docs.base44.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Integrazione Google Places

> Collega la tua app a Google Places per cercare, suggerire e mostrare facilmente luoghi reali.

<Info>
  <u>Nota</u>: L'integrazione Google Places è disponibile sui piani Builder e superiori. Se sei sul piano Free, devi aggiornare la tua app per usare funzioni di backend e funzionalità di pagamento.
</Info>

***

# Configurazione passo passo:

## Parte 1: Lato Google

Se hai già una chiave API Google Places, puoi saltare a [**Parte 2: Lato Base44**](https://docs.base44.com/Integrations/Google-places-integration#part-2%3A-the-base44-side).

<Steps>
  <Step title="Crea (o scegli) un progetto in Google Cloud">
    <img src="https://mintcdn.com/base44/UsrMcs9B3MEl2R91/images/GoogleCloudConsole.png?fit=max&auto=format&n=UsrMcs9B3MEl2R91&q=85&s=d5b443da6da1f62941411efeee7f7d64" alt="Google Cloud Console Pn" width="1550" height="827" data-path="images/GoogleCloudConsole.png" />

    * Vai alla Google Cloud Console e scegli un progetto esistente oppure creane uno nuovo.
  </Step>

  <Step title="Abilita la Places API (New)">
    <img src="https://mintcdn.com/base44/UsrMcs9B3MEl2R91/images/GoogleAPI.png?fit=max&auto=format&n=UsrMcs9B3MEl2R91&q=85&s=a03ab9df6cb3aaa4c29231d45d882b44" alt="Google API Pn" width="1900" height="855" data-path="images/GoogleAPI.png" />

    * Nella barra laterale sinistra, clicca su **APIs and Services** → **Library**.
    * Usa la barra di ricerca per trovare **Places API (New)** e aprila.
    * Clicca su **Enable** per attivarla per il tuo progetto.
  </Step>

  <Step title="Genera la tua chiave API">
    * Dalla pagina credenziali dell'API, clicca su **Create Key** e copiala.
    * Salva la chiave in un posto sicuro. Dovrai incollarla in Base44.
  </Step>
</Steps>

<Tip>
  Se vedi in seguito un errore come `REQUEST_DENIED`, di solito significa che la fatturazione non è abilitata o che le restrizioni della chiave API sono troppo strette. Attivare la fatturazione e allentare le restrizioni durante i test spesso risolve il problema. Se hai in programma di mostrare una mappa nel browser, dovresti anche abilitare la **Maps JavaScript API** e usare una chiave browser limitata al tuo sito.
</Tip>

***

## Parte 2: Lato Base44

Una volta che hai la tua chiave API Google Places, puoi collegarla a Base44 in due modi diversi:

<CardGroup cols={2}>
  <Card icon="sparkle" href="https://docs.base44.com/Integrations/Google-places-integration#option-a%3A-ready-made-integration-create-a-new-app" title="Opzione A: Integrazione pronta (preferita)">
    * Scegli questo percorso se stai iniziando una nuova app da zero.
  </Card>

  <Card icon="bolt" href="https://docs.base44.com/Integrations/Google-places-integration#option-b%3A-instant-integration-connecting-to-an-existing-app" title="Opzione B: Integrazione istantanea">
    * Scegli questo percorso se stai già costruendo e vuoi integrare Google Places in un'app esistente.
  </Card>
</CardGroup>

### Opzione A: Integrazione pronta (crea una nuova app)

<Steps>
  <Step title="Scegli l'integrazione">
    * In Base44 clicca su Integrations

          <img src="https://mintcdn.com/base44/oUaRpzSyJvMVshj9/images/Integrations.png?fit=max&auto=format&n=oUaRpzSyJvMVshj9&q=85&s=16ac71b185167177ef260be7c92b0339" alt="Integrations Pn" width="1570" height="652" data-path="images/Integrations.png" />

    * Trova **Google Places**

    * Seleziona **Use this Integration**
  </Step>

  <Step title="Fornisci la tua chiave API">
    <img src="https://mintcdn.com/base44/UsrMcs9B3MEl2R91/images/GoogleIntegration.png?fit=max&auto=format&n=UsrMcs9B3MEl2R91&q=85&s=896eb0dc8f08cd285bcf6c001068d45d" alt="Google Integration Pn" width="1863" height="809" data-path="images/GoogleIntegration.png" />

    * Quando richiesto, incolla la tua chiave Places API nel campo etichettato `GOOGLE_PLACES_API_KEY`.
  </Step>

  <Step title="Costruisci la tua app">
    * Nella chat IA, descrivi lo scopo della tua app.
    * Ad esempio:\
      ` Create an app to plan my next trip. I will tell you the city, you will suggest five places, and you will show them on a Google Places map.`
    * L'IA di Base44 costruirà la struttura di base per te.
  </Step>

  <Step title="Testa con un viaggio di esempio">
    * Inserisci una città, cerca fino a cinque luoghi e salva il viaggio.
    * Controlla che appaia una mappa con marker per tutti i luoghi selezionati e che si zoomi automaticamente per contenerli.
  </Step>
</Steps>

***

### Opzione B: Integrazione istantanea (connettersi a un'app esistente)

Usa questo approccio quando la tua app è parzialmente costruita e vuoi integrare Places senza ricominciare.

<Steps>
  <Step title="Accedi alla tua app esistente">
    * Ecco il prompt che abbiamo digitato nella chat IA per costruire la nostra app di esempio:\
      ` "Create an app to plan my next trip. I will tell you the city and you will choose five places for me to visit."`
  </Step>

  <Step stepNumber={2} title="Connetti la tua app a Google Places usando la chat IA">
    <img src="https://mintcdn.com/base44/x7uieDiv9xNLARBF/images/TripPlannerApp.png?fit=max&auto=format&n=x7uieDiv9xNLARBF&q=85&s=3eddfdc78ee42b5a7af9fba1e6755bf4" alt="Trip Planner App Pn" width="1889" height="853" data-path="images/TripPlannerApp.png" />

    * Chiedi alla chat di connettere la tua app a Google Places. Puoi modificare questo prompt di esempio:

      `Connect this app to Google Places using the Places API (New). Ask me for GOOGLE_PLACES_API_KEY and save it as a Secret. Create backend functions to:`

      `- search by text and return id, displayName, formattedAddress, location, types`

      `- get details by place_id with the same fields`

      `All calls must run from the backend only.`
  </Step>

  <Step stepNumber={3} title="Quando richiesto dalla chat IA, incolla la tua chiave API">
    <img src="https://mintcdn.com/base44/-Vklow6W-uVvNnvR/images/setsecrets.png?fit=max&auto=format&n=-Vklow6W-uVvNnvR&q=85&s=6f96c4ed12b712cbb8ccee93cb0f761d" alt="Setsecrets Pn" width="802" height="522" data-path="images/setsecrets.png" />

    * Quando richiesto dalla chat IA, clicca su `Update GOOGLE_PLACES_API_KEY`
    * Poi incolla la tua chiave API nella finestra pop up
  </Step>

  <Step stepNumber={4} title="Costruisci l'interfaccia">
    * Aggiungi la UI del Trip Planner e la mappa.
    * Puoi usare un prompt simile a questo per costruire la tua interfaccia:

      `Add a Trip Planner page with:`

      `- a City field`

      `- 5 auto-suggest place inputs powered by the backend`

      `When a place is selected, save place_id, name, formatted_address, latitude, longitude, types.`

      `Add a Google Map that places a marker for each saved place and automatically fits bounds to show them all. Include a Reset button.`
  </Step>

  <Step stepNumber={5} title="Testa la tua app">
    * Inserisci una città e lascia che l'app suggerisca cinque luoghi, poi salva.
    * Verifica che i marker appaiano e che la mappa si adatti a tutti i punti.
    * Aggiorna l'app per confermare che i luoghi salvati vengano visualizzati correttamente.
  </Step>
</Steps>

***

## **Risoluzione dei problemi**

* **Errori 403 o REQUEST\_DENIED** – Di solito la Places API non è abilitata, la chiave API è sbagliata o le restrizioni della chiave sono troppo severe. Ricontrolla che la **Places API (New)** sia abilitata, che il tuo account di fatturazione sia configurato e allenta le restrizioni durante i test.
* **Suggerimenti vuoti** – Prova una città o un termine di ricerca diverso. Assicurati che la ricerca avvenga sul backend, non nel browser.
* **La mappa non contiene tutti i punti** – Assicurati che la tua app chiami fitBounds dopo che tutti i marker sono stati aggiunti alla mappa.
* **Campi errati salvati** – Salva esattamente i campi elencati sopra (place\_id, name, formatted\_address, latitude, longitude, types) così mappa e filtri funzionano in modo affidabile.

## Casi d'uso comuni

Ecco alcune idee su come puoi sfruttare la Google Places API nelle app Base44, basate su esempi dalla documentazione di Google e da altri provider dell'API Places:

* **Trip planner** – Suggerisci ristoranti, attrazioni o hotel quando qualcuno sceglie una città.
* **Ricerca aziende locali** – Permetti agli utenti di cercare caffè, negozi o servizi vicini.
* **Assistenti di percorso** – Mostra stazioni di servizio, aree di sosta o posti dove mangiare lungo un viaggio.
* **Strumenti immobiliari** – Evidenzia scuole, parchi o negozi vicino a un immobile.
* **Localizzatori di servizi di emergenza** – Trova rapidamente ospedali, stazioni di polizia o farmacie.
* **Guide cittadine** – Costruisci app con punti di riferimento curati, eventi o luoghi di stile di vita.

Questi esempi illustrano solo alcuni dei molti modi in cui puoi usare la Places API per aggiungere funzionalità basate sulla posizione, strumenti di ricerca e raccomandazioni personalizzate alle tue app Base44.

<Note>Questa pagina è stata tradotta utilizzando l'IA. Per informazioni più accurate e aggiornate, consulta la [versione inglese](/). </Note>
