\\ Blog : Articolo

Inserire facilmente una mappa sul proprio sito con Google Maps

Condividi

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.

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)
Disclaimer
L'indirizzo IP del mittente viene registrato, in ogni caso si raccomanda la buona educazione.
Cerca