Nwlapcug.com


Come utilizzare le API di Google Maps in un ambiente di sviluppo locale

Come utilizzare le API di Google Maps in un ambiente di sviluppo locale


Google Maps combina immagini satellitari con strada e autostrada informazioni in un formato interattivo. Con la Google Maps Application Programming Interface o API, è possibile incorporare mappe in siti Web personali o commerciali, senza alcun costo con un numero illimitato di pagine viste. Google offre marcatori personalizzati, grafica e molti altri strumenti per configurare e personalizzare le mappe per quasi ogni applicazione. È possibile codice e testare le mappe nel proprio ambiente di sviluppo locale prima di andare a vivere con loro su Internet.

Istruzioni

1

Aprire la pagina Web in un editor di testo base, ad esempio Blocco note. Editor di testo che fare la formattazione del testo, ad esempio Word, aggiungere caratteri speciali che non funzionano bene quando scrivere pagine Web. Prima del tag HTML di apertura, mettere una dichiarazione di tipo di documento per HTML 5. La dichiarazione dovrebbe assomigliare <! DOCTYPE html >.

2

Immettere il seguente codice JavaScript tra i tag head della pagina Web. In parentesi dopo "LatLng" sono i valori di latitudine e Longitudine per il centro della mappa. Cambiare quelle nella posizione che si desidera visualizzare quando la mappa viene caricata. I due parametri successivi sono lo zoom, che può variare da 0 a 20, e il tipo di mappa. Google supporta quattro tipi di mappa: tabella di marcia, SATELLITE, ibrida e terreno.

< script type = "text/javascript" funzione al caricamento della pagina. Il tag body dovrebbe assomigliare < onload="displayMap() del corpo" >.

4

Immettere i seguenti tag div in HTML ovunque si desidera visualizzare la mappa. Modificare i valori di larghezza e altezza come meglio credi.

< div id = "google_map" style = "width: 550px; Altezza: 400px">< / div >

5

Salvare il file HTML e fare doppio clic su di esso per aprirlo nel browser. La mappa dovrebbe caricare, visualizzando la posizione specificata.

Consigli & Avvertenze

  • Versione 3 di Google Maps non utilizza una chiave API, che è un codice che si deve ottenere da Google per la versione 2 quando si utilizza Google Maps online. Google è deprecato versione 2, così ora non c'è alcuna differenza tra andare in diretta e utilizzando Google Maps all'interno di un ambiente di sviluppo locale.