Come incorporare una mappa cliccabile

February 3

Come incorporare una mappa cliccabile


Grazie alla capillarità di unità GPS nei telefoni cellulari, e la precisione di determinare la posizione di un utente in base al suo indirizzo IP, applicazioni e servizi 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 sito web o una pagina Web incorporato. Tuttavia, se si desidera utilizzare alcune delle funzioni più complesse di Google Maps, quindi si dovrà registrarsi per un account Google e ottenere una chiave API mappe.

istruzione

Incorporare una mappa in una pagina HTML

1 Creare una pagina HTML semplice come si farebbe normalmente utilizzando qualsiasi strumento che si preferisce. Se si dispone di un editor HTML preferito, l'editor di testo Vim viene fornito su tutti i sistemi basati su Unix, come Linux e Mac OSX. C'è una versione installabile dello strumento per Windows. Assicurati che il tuo HTML è privo di errori prima di passare alla fase successiva, come errori possono causare il comportamento anomalo della pagina. O peggio ancora, potrebbe non riuscire in silenzio.

2 Navigare su Internet per maps.google.com e la ricerca di una posizione. Una volta che la posizione viene trovata da Google, si sarà in grado di selezionare il tipo di carta che si desidera visualizzare. Le opzioni includono vista stradale e vista satellitare. È inoltre possibile utilizzare le indicazioni di Google presentano per la ricerca di una mappa che comprende le indicazioni e gli indicatori che prendono l'utente passo-passo l'itinerario in auto.

3 Copia e incolla il codice nel campo contrassegnati "Incolla HTML" per incorporare nel sito web. Si raccomanda che si incolla il codice nella propria div. Questo vi permetterà di controllare come e dove sulla pagina viene visualizzata la mappa, soprattutto se si utilizza CSS in combinazione con le pagine HTML 'per fornire l'esperienza utente. Se si desidera modificare le dimensioni della carta, cambiare il numero di altezza e larghezza proprietà.

4 Aprire la pagina Web in un paio di browser diversi per fare in modo che la pagina funzioni correttamente. Questo è importante perché i diversi browser Web possono potenzialmente visualizzare la pagina in modo diverso. Supponendo che non ci siano errori nel codice, la mappa devono essere visualizzati correttamente e si dovrebbe essere in grado di fare clic per ingrandire e spostare l'attenzione del programma.