Google Maps ci offre la possibilità di inserire mappe geo-politiche con contenuti mirati secondo le nostre esigenze per arricchire o completare il nostro sito web con utili riferimenti geografici, per esempio la classica mappa “come raggiungerci”. In Joomla! È possibile utilizzare questo comodo ed efficiente strumento grazie ad alcuni sistemi. Vediamo un semplice caso per l’inserimento di una mappa nei contenuti. Supponiamo di voler inserire nel nostro sito un articolo che informa gli utenti del prossimo Joomla! Day. Immaginiamo di voler inserire oltre alla descrizione dell’evento, informazioni riguardo la località prescelta. Di sicuro ci farà comodo una mappa che indica il luogo esatto della manifestazione. Bene, ricorriamo a Google Maps.

Per prima cosa andiamo sul sito http://maps.google.it/maps e nella barra delle ricerche digitiamo l’indirizzo desiderato. Il motore di Google Maps cercherà la mappa e ce la visualizzerà a schermo. In alto a destra troviamo un tasto “link”, se ci clicchiamo sopra si visualizzerà una scheda contenente un link diretto ed un codice HTML da incorporare nel sito web.

Prendiamo questo secondo link e cerchiamo al suo interno i parametri di latitudine e longitudine del punto che stiamo considerando. Questi ci serviranno più avanti. A questo punto ci serve un plugin per Googlemaps per Joomla! Esistono diversi plugins che fanno al caso nostro, fra i più popolari citiamo

lo scarichiamo e lo installiamo dal backend di amministrazione tramite il menù Estensioni > Installa/Disinstalla. Dopo averlo installato (dal form di installazione selezionare il file zippato “Plugin Googlemaps” e premere il pulsante Installa) lo attiviamo attraverso il menu Gestione moduli > Plugin Googlemaps, impostando la Google Maps api key (che servirà per indicizzare l’indirzzo del vostro sito) e le coordinate del luogo da visualizzare, lo zoom e tutti i parametri necessari.

Per ricavare la "chiave" API di Google Maps dovete avere un account Google, effettuare il login con questo account e poi raggiungere questa pagina: Google Maps api key, in fondo alla pagina inserite il link al vostro sito web e cliccate su "Generate API key". Vi verrà restituito un codice da utilizzare nel plugin.

Per quanto riguarda le coordinate prendete quelle che avevate ricavato dal link di Google Maps (esistono comunque altri modi per ricavare le coordinate). Per esempio, se il link che avevate ricavato contiene il seguente codice:

Come coordinate (in questo esempio) dovete prendere

Latitudine: 3.202778

Longitudine: 73.22068

A questo punto per visualizzare la mappa nel nostro articolo sarà sufficiente inserire il seguente codice nell’editor di Joomla! nel punto in cui vogliamo inserire la mappa:

e una volta pubblicato l’articolo vedremo visualizzata la mappa satellitare del nostro evento di dimensioni 500x400, con zoom “3” con indicazione recante la dicitura “'Joomla! Day alle Maldive”.

Vediamo ora come inserire le Google Maps nella pagina contatti.

Altra situazione è quella di gestire le Google Maps in un modulo.

Per farlo possiamo operare nel seguente modo. Utilizziamo un modulo come per esempio "A Special Ad"

mod_a_special_ad.zip

che consente di inserire vari tipi di contenuti all'interno del box: html, flash, javascript ecc..., quindi ricordandoci il codice iniziale del link che avevamo ottenuto da http://maps.google.it/maps scegliendo una località ed inserendolo nel box del modulo facendo attenzione a settare correttamente i parametri height e width del codice affinchè la mappa visualizzata sia compatibile con le dimensioni del modulo!

Scritto da deltafidesign

Commenta questo articolo sul forum