SEO Italy blog: articoli, video e tutorial di approfondimento su posizionamento web e motori di ricerca

SEO per Joomla: inserire una mappa nel nostro sito con Google Maps

15
Ott
2010
Dopo il nostro precedente articolo su Joomla e PhocaMaps, continuiamo a parlare di come inserire mappe all'interno del nostro sito e vediamo un plug-in decisamente pro Google: Googlemap di Joomlacode.

Scarichiamolo da qui:
http://joomlacode.org/gf/project/mambot_google1/frs/?action=FrsReleaseBrowse&frs_package_id=1907 (la pagina contiene tutte le release utili per le differenti versioni di Joomla, per la cronaca l'ultima è la 2.12);

Come per Phoca Maps anche in questo caso l'installazione è la classica da effettuare da Estensioni - Installa/Disinstalla del menù di Joomla, ricordo che, avendo istallato anche un plug-in è necessario andarlo ad attivare anche perché in questo caso faremo tutto dal plug-in stesso senza doversi appoggiare ad alcun componente ma solo, successivamente, all'articolo destinato ad ospitare la mappa.

Quindi andiamo in Estensioni / Gestione Plug-in attiviamo il plug-in Google Maps e clicchiamo sul nome, oppure clicchiamo sul nome e poi lo attiviamo, basta che lo facciate però.

A sinistra abbiamo, oltre ai soliti parametri nome, alias, livello di accesso e via discorrendo, tutta una serie di utilissime informazioni su come usare il plug-in stesso e poi renderlo visibile nell'articolo relativo.

Sulla destra abbiamo invece tutti i parametri per potere personalizzare la mappa come meglio riteniamo con in più la possibilità  di inserire multi API Key, ovvero più mappe all'interno di un unico sito (per ottenere un?API key - step indispensabile per far funzionare le mappe sul nostro sito - ricordo il link:
http://code.google.com/intl/it-IT/apis/maps/signup.html)

I parametri da settare sono per lo più radio button con la scelta sì/no quindi provate e sbizzarritevi come meglio credete per veder cosa e come cambia la mappa impostando tramite i parametri latitudine e longitudine.

Vediamo ora come inserire la mappa nell'articolo:

Alla vostra sinistra, nelle spiegazioni, avete un codice di esempio relativo ad una mappa, copiatelo e incollatelo nell'articolo:

{mosmap width='500'|height='400'|lat='52.052312'|lon='4.447141'| zoom='3'|zoomType='Large'|zoomNew='0'|mapType='Satellite'|showMaptype='1'| overview='0'|text='sv DWO'|tooltip='DWO'|marker='1'|align='center'}

Sembra complicato ma in realtà a questo punto vi basterà cambiare i valori con quelli impostati per la vostra mappa - traduco nell'ordine: larghezza, altezza, latitudine, longitudine, tipo di Zoom

Chiaramente questo codice non prevede al suo interno tutti i parametri, qualora ne mancasse qualcuno basterà aggiungere prima della parentesi graffe chiusa il parametro mancante con il suo valore, ad esempio, se volessimo un testo sulla mappa, aggiungeremo: .

Finito di editare il codice non ci resta che salvare e pubblicare l'articolo che sarà  raggiungibile da una voce di menù di tipo articolo con selezionato l'articolo in cui abbiamo messo il codice.

Buone mappe a tutti!

Seguici su Twitter La nostra fan page su Facebook Il nostro canale YouTube RSS Feed
Contattaci per un'analisi gratuita e senza impegno del tuo sito web e scopri il nostro SEO garantito: noi guadagnamo solo se tu ottieni dei risultati concreti >>