Home > Uncategorized, Webmaster > Inserire una Mappa di Google in una pagine Html

Inserire una Mappa di Google in una pagine Html

Inserire una mappa di Google Maps in una pagina internet.

La mappe di google allo scopo di risultare sempre più amichevole ed efficaci subiscono continue modifiche all’ìinterfaccia.  Come conseguenza la procedura usata un anno fa attulmente non risulta più adeguata.
Al momento per inserire una mappa  procedere nel sugente modo andare nel sito Google Maps maps.google.com ricerchiamo la mappa che ci interessa utilizzando il cerca sulle mappe.
Oppure se noto ancora più efficace le coordinate ad esempio. 35.693901,139.770191. A questo punto clicchiamo in alto a destra il simbolo con il link .

google mpas link

google mpas link

Appariranno due campi a questo punto abbiamo due possibilità:

1) Selezionare il testo presente nel campo [Incolla HTML da incorporare nel sito web]

maps google html

maps google html

oppure aprire la pagina più articolata  clicchando  sul link sottostante “Personalizza e visualizza in anteprima la mappa incorporata“.

Apparirà una nuova pagina che consentirà di  personalizzare e copiare il codice  html per incorporarlo nel sito web.

Apportare le personalizzazioni del caso e prelevare il contenuto del campo

Copia e incolla questo codice HTML per incorporarlo nel tuo sito web

per la copia si può usare anche il classico Ctrl+C e incolliamo il tutto nel codice HTML della nostra pagina web.

La mappa verrà inserire all’interno di un iframe il tag iframe consente di definire lo spazio della pagina da riempire con risorse proveniente da altri siti.

Il tag iframe consente di definire anche altezza e larghezza della mappa proprietà “with” e “height”.

Risorse:

Annunci
  1. Non c'è ancora nessun commento.
  1. No trackbacks yet.

Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...

%d blogger hanno fatto clic su Mi Piace per questo: