Come aggiungere controlli alla API di Google Maps

April 12

Come aggiungere controlli alla API di Google Maps


Quando si incorpora le Google Maps oggetto nella pagina Web utilizzando l'API di Google Maps JavaScript, è dotato di un insieme predefinito di controlli. I comandi predefiniti si adattano alla piattaforma dell'utente, in modo da Google Maps utilizza diversi controlli su grandi schermi, piccoli schermi, iPhone e dispositivi Android. È inoltre possibile aggiungere controlli personalizzati per la mappa nella pagina Web. L'API di Google Maps fornisce zoom, pan, scalare, ruotare, carta di tipo, vista stradale e introduzione mappa controlli.

istruzione

1 Aprire il codice HTML della pagina Web in un editor di testo.

2 Individuare la riga che inizia con "myOptions var =" sotto la "funzione initialize ()" riga nel file. Questa linea inizia la sezione che contiene le opzioni di Google Maps API.

3 Esaminare la sezione per una riga contenente "disableDefaultUI: true," - eliminare questa riga o cambiare il "vero" ad un "falso" per attivare i controlli predefiniti.

4 Aggiungere una o più delle seguenti linee tra il "{" e "}" nella sezione. Ogni linea consente un controllo diverso:

Pancontrol: vero,
ZoomControl: vero,
mapTypeControl: vero,
ScaleControl: vero,
streetViewControl: vero,
overviewMapControl: true

5 Salvare il codice HTML della pagina Web e caricarlo sul server Web.