Grazie l'ubiquità delle unità GPS nei telefoni cellulari e la precisione della determinazione della posizione dell'utente basata sul suo indirizzo IP, servizi e applicazioni location-based sono diventati popolari e più utile che mai. Le mappe sono alla base di quasi tutte queste applicazioni e servizi. Google fornisce un sistema gratuito per la visualizzazione di mappe sul tuo sito Web o pagina Web incorporata. Tuttavia, se si desidera utilizzare alcune delle funzionalità più complesse di Google Maps, quindi avrete a registrarsi per un account di Google e ottenere una chiave API di mappe.

Istruzioni

Inclusione di una mappa in una pagina HTML

1

Creare una semplice pagina HTML come normalmente si farebbe con qualsiasi strumento che si preferisce. Se si dispone di un comodo editor di HTML, editor di testo gratuito di Vim è disponibile su tutti i sistemi basati su Unix, come Linux e Mac OSX. C'è una versione installabile dello strumento per Windows. Assicurarsi che il codice HTML sia privo di errori prima di passare alla fase successiva, come gli errori possono provocare la pagina a comportarsi stranamente. O peggio ancora, potrebbe non riuscire in silenzio.

2

Navigare su Internet a maps.Google.it e cerca una posizione. Una volta che la posizione viene trovata da Google, sarà in grado di selezionare quale tipo di mappa che si desidera venga visualizzato. Le opzioni includono vista e vista satellitare. È possibile utilizzare anche la funzione indicazioni stradali di Google per la ricerca di una mappa che include indicazioni e marcatori che assumono l'utente passo dopo passo l'itinerario in auto.

3

Copiare e incollare il codice nel campo "Incolla HTML" per incorporare nel sito Web. È consigliabile che si incolla il codice in un div. Questo vi permetterà di controllare come e dove nella pagina viene visualizzata la mappa, soprattutto se si utilizza in combinazione con HTML delle tue pagine CSS per fornire l'esperienza utente. Se si desidera modificare le dimensioni della mappa, modificare i numeri delle proprietà height e width.

4

Aprire la pagina Web in alcuni browser diversi per assicurarsi che la pagina funzioni correttamente. Questo è importante, perché diversi browser potenzialmente può visualizzare la pagina in modo diverso. Supponendo che non siano presenti errori nel codice, la mappa deve essere visualizzata correttamente e si dovrebbe essere in grado di fare clic per ingrandire e spostare lo stato attivo della mappa.