Come inserire Google Maps in un sito

Tramite: O2O 22/04/2017
Difficoltà: media
16

Introduzione

Internet è sicuramente il modo migliorare per reperire e dare informazioni: la cosa più interessante è che non si limita a collegarti con un'utenza ristretta, ma è in grado di collegarti con tutto il mondo. Gli utenti che utilizzano internet sono sempre più in aumento, e tanti sono quelli che cercano di offrire un servizio realizzando una propria pagina web. Le modalità di personalizzazione sono svariate e ognuno chiaramente agisce in base ai suoi canoni; uno strumento interessante è sicuramente Google Maps che ci permette di aggiungere nel nostro sito un "frammento" nel quale ritroviamo ad esempio, graficamente, la posizione della nostra attività commerciale. L'utilizzo di queste mappe, quindi, è ormai quasi obbligatorio se volete che chi visita il vostro sito sappia sempre dove potervi trovare nel caso in qui esso rappresenti un azienda piccola o grande che sia. In questa guida vi verrà spiegato brevemente come inserire Google Maps in un sito.

26

Occorrente

  • Smartphone
  • Computer
  • Connessione ad internet
36

Apri il sito di Google Maps

Per ottenere la mappa da incorporare nel vostro sito dovrete innanzitutto aprire il browser che preferite dal vostro computer o dal vostro smartphone. Andate sul sito di Google Maps e procedete inserendo le coordinate o il nome del luogo che volete visualizzare nella mappa. Per fare ciò vi basterà utilizzare la barra di ricerca presente in alto all'interno del sito.

46

Ottieni il codice HTML della mappa

Dopo aver scelto il luogo da cercare potete fare un clic sopra di esso e così facendo si aprirà un menù a tendina alla vostra sinistra. Tra le varie opzioni c'è la voce "Condividi", cliccate su di essa e vi apparirà una nuova finestra che vi darà due possibilità: quella di utilizzare quella mappa tramite URL, che sarà poi quello stesso URL che dovrà essere utilizzato nell'iframe; oppure vi darà direttamente il codice HTML per la creazione di un iframe, da incorporare al vostro sito, contenente la vostra mappa di Google Maps.

Continua la lettura
56

Incorpora il codice HTML nel tuo sito

Non vi resta che prendere la stringa contenente la vostra mappa dal sito di Google Maps e inserirla all'interno della pagina ". Htm" o ". Html" del vostro sito nella posizione che volete. Una volta copiato ed incollato l'iframe troverete quindi nel vostro sito una mappa di Google Maps che può essere rimpicciolita, ingrandita o nel quale è possibile fare ricerche, proprio come nel sito da cui è stata presa. La differenza sostanziale tra il sito di Google Maps e la mappa incorporata nel vostro sito è che nella vostra mappa, ad ogni visita sul sito, apparirà con un segnaposto il luogo che avete scelto in precedenza.

66

Consigli

Non dimenticare mai:
  • Vi consiglio di utilizzare direttamente il codice HTML fornito da Google Maps dell'iframe da incorporare.
Alcuni link che potrebbero esserti utili:

Potrebbe interessarti anche

Segnala contenuti non appropriati

Tipo di contenuto
Devi scegliere almeno una delle opzioni
Descrivi il problema
Devi inserire una descrizione del problema
Si è verificato un errore nel sistema. Riprova più tardi.
Verifica la tua identità
Devi verificare la tua identità
chiudi
Grazie per averci aiutato a migliorare la qualità dei nostri contenuti

Guide simili

Programmazione

Creare un sito con Muse

Muse è uno dei tanti programmi, o app che dir si voglia, creati da Adobe a beneficio degli aspiranti creatori di siti web. Con esso è possibile creare siti in maniera semplice senza dover scrivere alcuna riga di codice di proprio pugno. Un altro vantaggio...
Programmazione

Come migrare un sito web su un altro hosting

Se disponi di un host web lento anche dopo aver ottimizzato la velocità e le prestazioni di WordPress, è ora di spostare il tuo sito in un nuovo host in grado di gestire il tuo traffico. Molte persone si trovano di fronte alla necessità di migrare...
Programmazione

Come realizzare un sito usando Java

Con la navigazione in internet si possono visitare di continuo delle serie infinite di siti e pagine. Tanti utenti, per varie necessità, hanno infatti bisogno di realizzare un sito internet. Magari per pubblicizzare la propria attività lavorativa. Oppure...
Programmazione

Come configurare un sito HTTPS con Apache

Grazie ad alcune semplici indicazioni ed annotazioni, leggendo questa guida, capirete come configurare un sito HTTPS con Apache. Vi indicherò come eseguire una completa configurazione del più diffuso e famoso web server al mondo che viene utilizzato...
Programmazione

Come inserire un banner su Facebook

Quando il social network Facebook fu lanciato, nel 2004, l’intenzione di Mark Zuckerberg e degli altri sviluppatori era essenzialmente quella di mettere in contatto amici e conoscenti, vicini e lontani, al fine di accorciare le distanze tra le persone....
Programmazione

Come inserire codice javascript in un html

La programmazione informatica è complessa, ma non se si hanno dalla propria le giuste basi che solo uno specialista (o un buon libro di testo) è in grado di dare. Detta in modo molto semplice, la programmazione si basa sulla scrittura di codici attraverso...
Programmazione

Come inserire lo sfondo in html

Per migliorare ulteriormente la progettazione delle tue campagne di marketing, puoi aggiungere un'immagine di sfondo ad un codice del tuo modello in Template Builder di MailChimp.I modelli HTML personalizzati sono una funzionalità avanzata e sono consigliati...
Programmazione

Inserire elementi in una lista in C++

Molti programmatori Java o utenti principianti, trovano il linguaggio C++ uno tra i più ostici nel suo utilizzo. Java, noto per la sua semplicità, offre dei costrutti utili per gestire e manipolare una struttura dinamica quali una Lista di oggetti....