\\ Blog : Articolo

Inserire facilmente una mappa sul proprio sito con Google Maps

Approfondisci: Google maps - inserire mappe sito
Segnala a Google

Visualizzazione ingrandita della mappa

E Google vuole fare il botto con il servizio Maps. Vuole monopolizzare la pagina dove siamo di milioni di siti aziendali. Oggi la pagina dove siamo rappresenta un problema in tema di funzionalità. Molti webmaster si complicano la vita con scansioni, ricostruzioni ecc... La semplicità del nuovo strumento offerto da Google può semplificare davvero la vita agli sviluppatori. Inserire la mappa è diventato un gioco da ragazzi:

  1. Andare su google Maps
  2. Individuare la localizzazione della propria azienda
  3. Cliccare su Collegamento a questa pagina

La prima fase è terminata; ora basta copiare il link che rimanda alla pagina di google maps o inserire il codice HTML, basato su iframe, sulla propria pagina.

Perchè proprio l'iframe? La comodità d'impaginazione dell'iframe (inline frame), nonostante lo scetticismo di molti addetti del settore. Questo strumento consente di inserire un frame interno ad una normale pagina html. Il tag è ricco di attributi per una personalizzazione grafica che consentono di impostare margini, bordi, scrolling senza l'utilizzo dei CSS

E chi non supporta i Frame?

Google non prevede l'utilizzo dell'elemento noframes che consente di visualizzare un testo alternativo, descrittivo per coloro che navigano utilizzando browser che non supportano i frames.

Un'altra piccola osservazione va fatta sull'utilizzo del tag br privo del necessario spazio (tra l'elemento e lo slash) per la sua conformità allo standard XHTML. Un altro segnale verso un non necessario allineamento agli standard?

Personalmente in fase di inserimento del codice HTML ho effettuato due semplici modifiche:

  • ho utilizzato i CSS per il tag iframe sostituendo gli attributi
  • ho corretto il tag br aggiungendo lo spazio

Il risultato mi sembra identico, se avete problemi postate un commento.

L'immagine inserita rappresenta il mio paese Capriglia , in provincia di Salerno.

Continua la lettura con gli altri articoli sugli stessi argomenti:

Inserire facilmente una mappa sul proprio sito con Google Maps
Come Personalizzare le mappe di Google con Tixik
Per restare in contatto puoi seguire il feed rss di codiceazienda.it
Condividi questo articolo con
Pubblicato da Antonio Palmieri  il 23/08/2007  -  Sezione:  html marketing - (p)Link   Stampa

Commenti
# 1
come si eseguono le seguenti voci?

* ho utilizzato i CSS per il tag iframe sostituendo gli attributi
* ho corretto il tag br aggiungendo lo spazio
Di  enzo  (inviato il 03/03/2008 @ 15:12:29)
# 2
Per il tag iframe utilizza l'attributo style per raggruppare tutte le info che riguardano l'aspetto dell'iframe, per il br devi aggiungere uno slash per la corretta scrittura del tag
Di  Admin  (inviato il 03/03/2008 @ 15:54:08)
# 3
nn x niente ma nn c capisco nulla di questi termini ke hai detto... cmq ti ho lasciato 1 email con nn è ke puoi farlo tu x me... grazie
Di  enzo  (inviato il 03/03/2008 @ 21:40:09)
# 4
Ho inserito l'iframe così come suggerisce google ma la mappa non si vede... nell'iframe c'è la pagina iniziale dove ci si logga con l'account... dove ho sbagliato???
Di  francesco  (inviato il 10/06/2008 @ 21:59:20)
# 5
Devi fare attenzione nel copia incolla. Devi copiare l'intero codice dell'IFRAME che ottieni cliccando su collegamento a questa pagina.
Di  Admin  (inviato il 11/06/2008 @ 08:41:07)
# 6
Ciao
Vorrei chiederti come posso fare ad avere la mappa completa senza lo scroll.
Io inserisco la stringa html e quando vado a vedere come si vede la mappa me la mostra stretta e devo usare lo scroll per scendere. Diciamo che la vorrei come quella che hai inserito tu sul sito.
Ma se possibile spiega con parole semplici ^^'
Di  Luca  (inviato il 19/02/2011 @ 21:56:34)
# 7
Su google maps puoi (cliccando su link in alto a destra) personalizzare le dimensioni della mappa. Tra i vari parametri nel codice di maps puoi controllare che il parametro scrolling sia impostato su "no"
Di  Antonio  (inviato il 20/02/2011 @ 11:05:13)
# 8
Buona sera,
riesco a fare tutto, la mappa mi si visualizza ma nn dove voglio io..come mai?? grazie in anticipo della risposta ;)
Di  Andrea  (inviato il 17/04/2011 @ 21:23:16)
# 9
Con tixik puoi personalizzare le mappe come vuoi...
Di  Antonio  (inviato il 19/04/2011 @ 17:08:43)
# 10
@Fra - puoi vedere un esempio qui: http://www.fight4fun.it/ cliccando sulla voce: MAPS
Spero di esserti stato d'aiuto...
Di  Sting  (inviato il 26/01/2012 @ 18:19:46)
Disclaimer
L'indirizzo IP del mittente viene registrato, in ogni caso si raccomanda la buona educazione.