Configurazione avanzata

Ottenere una chiave API Google Maps per il tuo sito internet

Hai creato un sito internet e vuoi mostrare una mappa Google Maps in una pagina web? Per farlo bisogna specificare una chiave API di Google Maps. In questo tutorial sulla creazione di siti web vediamo come ottenere una chiave API Google Maps e usarla nel tuo manager.

Per poter ottenere una chiave API di Google Maps devi avere prima un account Gmail. Se non ce l'hai, devi crearne uno.

Ottenere una chiave API

Per ottenere questa chiave, devi andare su Google Developers Console.

1. Creazione di un nuovo progetto

Se è la prima volta che accedi alla console, creerai automaticamente un nuovo progetto che si chiamerà "My Project".

Basta spuntare 2 caselle:

  • indica se vuoi ricevere o no le novità sulle API di Google 
  • accetta le condizioni d'uso.

Poi clicca su Accetta e continua.

API, passaggio 1

2. Creazione della chiave

Di nuovo 2 campi da compilare:

  • Dovrai poi dare un nome alla chiave (puoi lasciare il nome predefinito "Chiave browser 1")
  • Nel campo Accetta le richieste provenienti da questi referrer HTTP: inserisci il nome del tuo dominio senza "www", seguito da una barra (/) e aggiungendo un asterisco prima e dopo: per esempio *.dominio.it/*

Poi clicca su Crea

Creare la chiave API

3. La tua chiave è stata creata

Si apre una nuova finestra con la tua chiave API di Google Maps: copiala per integrarla nel tuo manager e mio web.

Dopo aver chiuso la finestra, puoi ritrovarla anche in Gestione API > Credenziali.

Chiave API

Inserirla nel tuo manager

Vai in Configurazione > Impostazioni > API Google. Copia e incolla la chiave ottenuta dalla console Google Developers, poi salva.

Per mostrare facilmente le mappe Google Maps sul tuo sito web, ti invitiamo a consultare il nostro tutorial dedicato al widget Mappa Google Maps.

Ottimizzare il funzionamento della chiave

Alcuni usi di questa chiave, e delle mappe Maps, possono richiedere una configurazione più approfondita della chiave API. Bisogna tornare su Google Developers Console (usando lo stesso account Google con cui hai creato la chiave API). L'obiettivo è attivare due librerie API: Google Maps Geocoding API e Google Places API Web Service.

Una volta sulla Google Developers Console, vai in Librerie poi clicca su uno dei due nomi indicati sopra. Ti resta solo da cliccare su Attiva in alto nella pagina. Segui la stessa procedura per il secondo nome.

Attivare queste due librerie permette di evitare alcuni problemi che possono presentarsi su certe mappe Google Maps aggiunte per esempio alla tua agenda.

Attivare le API

Commenti