Come personalizzare Google Maps combinazione di colori

January 19

Fai i tuoi Google Maps si fondono con la combinazione di colori del tuo sito web utilizzando l'API di Google Maps versione 3.0 Maps Styled guidata. Utilizzando la Mappe Styled guidata, è possibile modificare il colore di tutte le caratteristiche della mappa, tra cui etichette, strade, parchi, corsi d'acqua e attrazioni turistiche. Le mappe Styled guidata genera automaticamente il codice con un solo clic. Per ogni funzione, è possibile definire con precisione la tonalità della vostra mappa Google, simile a un valore di colore esadecimale HTML; saturazione, l'intensità del colore; e leggerezza, la relativa percentuale di bianco e nero.

istruzione

1 Accedere alle mappe Styled guidata di Google a gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html.

2 Inserisci la tua posizione mappa in campo Posizione in alto a destra dello schermo e premere "Invio". Google Maps visualizza una mappa della vostra posizione con combinazione di colori predefinita di Google.

3 Selezionare una funzione dalla casella Feature Type nella finestra selettori sul lato sinistro dello schermo. Ad esempio, per cambiare il colore di tutte le strade locali dal colore predefinito di giallo al blu, nella casella Feature Type, selezionare "Road" e poi "locale".

4 Cambiare il colore della funzione facendo clic sulla casella di controllo Hue e inserendo un valore di colore esadecimale HTML o facendo clic sul colore nella casella del colore dell'arcobaleno. Continuando l'esempio, fare clic sul colore blu per cambiare le strade dal giallo al blu.

5 Definire i valori di colore supplementari, se necessario, impostando il valore di saturazione, leggerezza, Gamma e visibilità della funzione sulla mappa.

Google mostra il codice Stile mappa per il cambiamento di colore nella finestra Stile mappa sulla destra.

6 Fare clic sul pulsante "Aggiungi" per salvare la nuova combinazione di colori e di continuare a cambiare il colore delle caratteristiche sulla mappa.

7 Ripetere i passaggi da tre a sei per cambiare i colori per le altre caratteristiche della mappa.

8 Fare clic sul pulsante "Mostra JSON" nella parte inferiore della finestra Stile mappa per visualizzare il codice di Google Maps generato automaticamente per l'oggetto JSON.

9 Aprire il file HTML con il codice mappa e copiare l'oggetto JSON nella proprietà di stile.

Consigli e avvertenze

  • In caso di problemi con il mappe Styled guidata, eseguirlo nel browser Google Chrome. Si può anche a mano il codice gli stili della mappa per ogni funzione. Vedere la documentazione API v3 Google Maps per ulteriori informazioni.

Articoli Correlati