Come inserire Google Maps in Drupal – I parte

Una guida passo passo che ti aiuta a integrare una qualsiasi mappa Google Maps nelle pagine Drupal, in modo semplice e veloce utilizzando appositi plugin

Come inserire Google Maps in Drupal - I parte

Ti stai divertendo a mettere in piedi il tuo nuovo sito Drupal, quando ti accorgi che hai necessità di inserire una mappa Google Maps in una delle sezioni del sito, come quella del contattaci. Vorresti dunque capire in modo semplice come integrare Google Maps nella tua installazione Drupal e magari come personalizzarla.

Per aiutarti in questo compito ho pensato di dedicare due post a una guida pratica su come inserire Google Maps in Drupal senza impazzire.

Per prima cosa, ti dico che il segreto di tutto è in due moduli che puoi installare direttamente in Drupal. Questi moduli sono GMap e Location e il loro setup in Drupal è semplicissimo.

Per prima cosa, autenticati all’area amministrativa di Drupal direttamente dal front-end e, una volta dentro, clicca sul pulsante Modules presente in alto e poi sul link Install new module.

Come inserire Google Maps in Drupal - I parte

Nel campo Install from a URL copia&incolla per primo questo link:

http://ftp.drupal.org/files/projects/gmap-7.x-2.9.tar.gz

se usi una versione 7.x di Drupal oppure, questo link

http://ftp.drupal.org/files/projects/gmap-6.x-2.0.tar.gz

se usi una versione 6.x.

Una volta effettuato il copia&incolla, clicca sul pulsante Install e al termine della procedura clicca sul link Install another module.

Anche in questo caso, copia&incolla il seguente link:

http://ftp.drupal.org/files/projects/location-7.x-3.6.tar.gz

per la versione 7.x di Drupal o il link:

http://ftp.drupal.org/files/projects/location-6.x-3.4.tar.gz

per la versione 6.x.

Clicca ancora su Install e attendi che il setup abbia termine.

Ricordati di attivare tutti i moduli dei plugin appena installati, agendo direttamente sulla voce Enabled della lista presente in Modules.

A questo punto, dobbiamo configurare Google Maps per funzionare in Drupal.

Configurare Google Maps in Drupal passo dopo passo

Sempre dal backend amministrativo del CMS vai su Configuration, poi clicca su Content authoring e su Location. Qua, fai un clic su Geocoding Settings.

Proprio qui, devi selezionare la voce Google Maps per ciascun paese in cui vuoi mostrare un indirizzo da visualizzare con Google Maps.

Ora, clicca su Structure, poi su Content types e infine su Manage fileds presente nella sezione Basic page.

Qui, aggiungi un campo Location ai tuoi tipi di contenuti e conferma con un clic su Save.

Come inserire Google Maps in Drupal - I parte

Nella schermata che compare, indica quali opzioni vuoi che compaiono per ogni indirizzo.

Come inserire Google Maps in Drupal - I parte

Clicca su Save filed settings per confermare le tue impostazioni.

Clicca sul pannello Manage Display e scegli il formato con cui preferisci visualizzare la mappa. Ad esempio, Address with map potrebbe essere una buona scelta per far fronte a diverse esigenze.

Conferma con un clic su Save.

Ora che è tutto impostato, devi procedere alla creazione di un nuovo contenuto dove visualizzare la mappa di Google Maps.

Clicca su Add content e scegli Basic Page.

Crea un nuovo contenuto compilando i campi proposti e, soprattutto, i campi relativi all’indirizzo da visualizzare sulla mappa.

Clicca su Save per confermare.

A questo punto, ti apparirà una pagina dove vedrai l’indirizzo indicato con tanto di mappa Google Maps integrata.

E se vuoi scoprire come personalizzare la mappa che vedi a schermo, seguimi nel prossimo appuntamento.