Drupal 8: come inserire Google Maps

Vediamo come implementare le funzionaltià del popolare servizio Google Maps nella versione più recente dell'apprezzato CMS Drupal.

Drupal è un noto CMS in grado di offrire interessanti funzionalità agli utenti avanzati. Nella guida pratica di oggi vedremo come inserire una cartina di Google Maps nelle pagine del nostro sito. Buona lettura.

Prima di tutto scarichiamo il modulo Google Maps simple. Dopo aver provveduto alla sua installazione, clicchiamo su Extend (bottone presente nella dashboard del CMS) e spuntiamo il quadratino in corrispondenza del modulo per attivarlo.Google Maps e Drupal 8

 

Ora bisogna aggiungere un nuovo campo (field) alla tipologia di contenuto prescelta (in questo caso gli articoli). Andiamo in Structure, Article, Manage Fields. Dal menu a tendina in corrispondenza di Add new field scegliamo Text (plain). Completiamo anche la casella sottostante (Label).

Google Maps e Drupal 8 - Fonte: OSTraining

Nella sezione Manage Display relativa sempre al contenuto selezionato, dobbiamo ora modificare il field format da plain text Google Map from single one line address ed intervenire sulle impostazioni del formato (format setting):

Google Maps e Drupal 8 - Fonte: OSTraining

Selezioniamo Include embedded static map come mostrato nell’immagine. E per quanto riguardo il campo API? Per completarlo dobbiamo richiedere prima la nostra chiave personale (key) visitando il seguente link, cliccando sul bottone Get a Key e creando un nuovo progetto. Al termine della procedura riceveremo la nostra chiave da incollare nel campo API key. Salviamo le modifiche apportate e verifichiamo il funzionamento del modulo.

Andiamo in Content, Add content, Article ed aggiungiamo un indirizzo al campo google address creato in precedenza. Salviamo il nostro articolo: se è andato tutto bene vedremo una schermata simile a questa:

Google Maps e Drupal 8 - Fonte: OSTraining

Alla prossima guida.

Fonte: 1