Come utilizzare l'API di Google Maps in un ambiente di sviluppo locale

May 25

Come utilizzare l'API di Google Maps in un ambiente di sviluppo locale


Google Maps combina immagini satellitari con strada e le informazioni autostrada in un formato interattivo. Con l'interfaccia di programmazione di Google Maps Application, o API, è possibile incorporare le 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 tutte le applicazioni. È possibile codificare e testare le mappe nel proprio ambiente di sviluppo locale prima di andare in diretta con loro su Internet.

istruzione

1 Aprire la pagina Web in un editor di testo di base, come ad esempio il blocco note. Editor di testo che fanno la formattazione del testo, come ad esempio Word, aggiungere caratteri speciali che non funzionano bene quando si scrivono le pagine Web. Prima che il tag di apertura HTML, mettere una dichiarazione di documento-tipo per HTML 5. La dichiarazione dovrebbe essere simile <! DOCTYPE html>.

2 Immettere il seguente codice JavaScript tra i tag head della pagina Web. Nella parentesi dopo "LatLng" sono i valori di latitudine e longitudine del centro della mappa. Cambiare quelli per la posizione che si desidera visualizzare quando la mappa è caricata. I prossimi due parametri sono gli zoom, che può variare da 0 a 20, e il tipo di carta. Google supporta quattro tipi di mappe: TABELLA DI MARCIA, satellite, ibrida, campestre.

<Script type = funzione "text / javascript" al caricamento della pagina. Il tag body dovrebbe essere simile <body onload = "displayMap ()">.

4 Inserire i seguenti tag div nel codice HTML dove vuoi per visualizzare la mappa. Modificare i valori della larghezza e l'altezza, come si vede in forma.

<Div id = stile "google_map" = "width: 550px; height: 400px"> </ div>

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

Consigli e avvertenze

  • La versione 3 di Google Maps non fa uso di una chiave API, che è un codice che deve ottenere da parte di Google per la versione 2 quando si utilizza Google Maps on-line. Google ha deprecato la versione 2, così ora non vi è alcuna differenza tra andare in diretta e l'utilizzo di Google Maps all'interno di un ambiente di sviluppo locale.