Integrare Google Maps in un sito web o in un’app con­tri­bui­sce a costruire una presenza online pro­fes­sio­na­le e una migliore espe­rien­za utente. Per farlo, occorrono le chiavi API di Google Maps, che si possono creare e uti­liz­za­re tramite il proprio account Google e Google Maps Platform, la piat­ta­for­ma per lo sviluppo di Google Maps.

Che cos’è una chiave API di Google Maps?

Se desideri integrare le funzioni di Google Maps, come ad esempio una mappa, in un sito web o in un’ap­pli­ca­zio­ne, hai bisogno di un accesso API. L’accesso avviene tramite l’in­ter­fac­cia di pro­gram­ma­zio­ne delle ap­pli­ca­zio­ni, co­no­sciu­ta come API (Ap­pli­ca­tion Pro­gram­ming Interface), che consente lo scambio di dati e l’utilizzo in­te­rap­pli­ca­ti­vo di Google Maps. Per uti­liz­za­re l’API di Google Maps, ti serve una chiave API unica e segreta.

La chiave di au­ten­ti­ca­zio­ne iden­ti­fi­ca gli accessi au­to­riz­za­ti all’API e autorizza lo scambio senza errori di dati e funzioni di Google Maps. A seconda della modalità di in­te­gra­zio­ne di Google Maps, Google utilizza la chiave API anche per ve­ri­fi­ca­re se il numero di accessi rientra nel limite gratuito di utilizzo del programma.

Quali vantaggi porta l’in­te­gra­zio­ne di Google Maps a un sito web o a un’app?

Integrare Google Maps significa va­lo­riz­za­re siti web e ap­pli­ca­zio­ni con­fe­ren­do loro un aspetto pro­fes­sio­na­le. In più, Google Maps offre una serie di API con vantaggi specifici e diverse fun­zio­na­li­tà. Una mappa di Google integrata, ad esempio, ottimizza la re­pe­ri­bi­li­tà di un’azienda e l’espe­rien­za utente di servizi online dotati di mappe e può essere condivisa con altre persone.

È possibile integrare Google Maps anche tramite WordPress, sia con che senza plugin. Ciò con­fe­ri­sce un in­ne­ga­bi­le valore aggiunto per l’espe­rien­za utente.

Oltre a Google Maps, esistono altri servizi che rap­pre­sen­ta­no delle valide al­ter­na­ti­ve allo strumento di Google e che per­met­to­no di integrare mappe sui siti web come ad esempio Apple Maps, Waze e Maps.me.

API IONOS per svi­lup­pa­to­ri
Gestisci i tuoi prodotti di hosting tramite la nostra potente API
  • Gestione record DNS
  • Am­mi­ni­stra­zio­ne SSL
  • Do­cu­men­ta­zio­ne API

Come attivare l’API di Google Maps

Prima di generare e integrare una chiave API, occorre attivare le API di Google Maps de­si­de­ra­te. A queste cor­ri­spon­de, per l’appunto, una chiave che consente lo scambio di dati e funzioni.

Primo passaggio: per prima cosa apri Google Cloud Platform ed effettua l’accesso. Qui nel menu “API e servizi” troverai la voce “Libreria”.

Immagine: La voce “Libreria” del menu “API e servizi”
Alla voce “Librieria” nel menu “API e servizi” si trovano tutte le API di­spo­ni­bi­li su Google Cloud Platform.

Secondo passaggio: dalla libreria accedi a “Maps” (Mappe). Qui trovi una pa­no­ra­mi­ca delle API di Google Maps, tra cui:

  • API di geo­lo­ca­liz­za­zio­ne: grazie a questa API si geo­lo­ca­liz­za chi visita il sito.
  • API Maps Embed: consente di in­cor­po­ra­re una mappa standard come iFrame.
  • API Maps Ja­va­Script: permette di inserire la mappa come Ja­va­Script per un maggiore controllo e più in­te­rat­ti­vi­tà.
  • API Maps Static: serve a integrare una mappa come immagine statica.
  • API per i luoghi: si usa per trovare e mappare indirizzi specifici sulla mappa.
Immagine: Le API di Google Maps
Una pa­no­ra­mi­ca di tutte le API di Google Maps di­spo­ni­bi­li.

Qualora l’API de­si­de­ra­ta non compaia au­to­ma­ti­ca­men­te nella libreria, puoi ricorrere alla funzione di ricerca.

Terzo passaggio: seleziona l’API rilevante e apri la vista dei dettagli. Ora fai clic sul pulsante “Attiva”.

Immagine: Attivazione di un’API di Google Maps
Per poter uti­liz­za­re l’API di Google Maps se­le­zio­na­ta, occorre prima attivarla.

Requisiti per una chiave API di Google Maps

Per creare una chiave API ti serve non solo il tuo account Google, ma anche un account di fat­tu­ra­zio­ne collegato a Google Maps Platform. Questo è ne­ces­sa­rio anche se utilizzi Google Maps gra­tui­ta­men­te. Inoltre, devi collegare almeno una chiave API a un progetto o servizio in cui includi Maps.

Creare una chiave API per Google Maps

Primo passaggio: apri la console di Google Cloud Platform e fai clic su “Seleziona progetto”.

Secondo passaggio: a questo punto seleziona il progetto per cui desideri creare una chiave API e crea un nuovo progetto. Suc­ces­si­va­men­te, apri il menu in alto a sinistra e fai prima clic su “API e servizi” e su “Cre­den­zia­li”.

Immagine: Credenziali alla voce “API e servizi”
Le chiavi API possono essere create alla voce “Cre­den­zia­li” nel menu “API e servizi”.

Terzo passaggio: a partire dal menu di login vai prima su “Crea cre­den­zia­li” e poi su “Chiave API”. Ora comparirà il messaggio “Chiave API creata”. Potrai vedere la chiave API nel campo “La mia chiave API” o nel menu di login tra le chiavi API elencate. Questa chiave ti servirà per quando vorrai inserirla nel codice, in un plugin o in un CMS (Content Ma­na­ge­ment System).

Consiglio

Desideri sapere come creare una chiave API anche per altri servizi come ad esempio ChatGPT, Steam, Ope­n­Wea­ther e YouTube? Dai un’occhiata ai nostri articoli di ap­pro­fon­di­men­to:

Ag­giun­ge­re re­stri­zio­ni alla chiave API per Google Maps

Nella finestra di dialogo “Chiave API creata”, Google sug­ge­ri­sce di ag­giun­ge­re re­stri­zio­ni per la chiave API. Queste sono utili per impedire a servizi o persone non au­to­riz­za­te di uti­liz­za­re la chiave. Per applicare una re­stri­zio­ne, vai alla voce “Limita chiave” subito dopo la creazione. Se desideri farlo in un momento suc­ces­si­vo, ti basterà aprire la voce “Seleziona progetto” per il progetto associato nella console Google Cloud. Suc­ces­si­va­men­te, fai clic prima su “API e servizi” nel menu in alto a sinistra e poi su “Cre­den­zia­li”. Seleziona ora la chiave.

Le re­stri­zio­ni possono includere:

  • Re­stri­zio­ni alle ap­pli­ca­zio­ni
  • Re­stri­zio­ni al sito web
  • Re­stri­zio­ni all’API

Usare la chiave API per Google Maps

Per poter uti­liz­za­re la chiave, copiala e incollala nel codice HTML, nelle im­po­sta­zio­ni del plugin o nel CMS nel punto de­si­de­ra­to. Se desideri uti­liz­za­re uno snippet di codice per in­cor­po­ra­re Google Maps, devi so­sti­tui­re la sezione “YOUR_API_KEY” con la chiave API cor­ri­spon­den­te.

Vai al menu prin­ci­pa­le