Slik tilpasser Google Maps Fargevalg

February 6

Gjør Google Maps blander seg med fargevalget på nettstedet ditt ved hjelp av Google Maps API versjon 3.0 stylet Maps Wizard. Bruke Styled Maps Wizard, kan du endre fargen på alle kartfunksjoner, inkludert etiketter, veier, parker, vassdrag og turistattraksjoner. Den stylet Maps Wizard genererer automatisk kode med et enkelt klikk. For hver funksjon, kan du presisere din Google kart er fargetone, som ligner på en HTML hex fargeverdi; metning, fargeintensiteten; og letthet, den relative prosent av svart og hvitt.

Bruksanvisning

1 Åpne Styled Maps Wizard Google på gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html.

2 Skriv inn kartplassering i Plassering-feltet i øvre høyre hjørne av skjermen, og trykk "Enter". Google Maps viser et kart over posisjonen din med Googles standard fargevalg.

3 Velg en funksjon fra Funksjonstype boksen i velgerne vinduet på venstre side av skjermen. For eksempel, for å endre fargen på alle lokale veiene fra standardfargen gul til blå, i Feature Type-boksen, velg "Road" og deretter "Local."

4 Endre funksjonen farge ved å klikke på Hue boksen og inn i en HTML hex fargeverdi eller ved å klikke på fargen i regnbuens farger boksen. Fortsetter eksempel klikke på den blå fargen til å endre veiene fra gul til blå.

5 Definer flere fargeverdiene om nødvendig ved å sette metning, letthet, Gamma verdi og synlighet av funksjonen på kartet.

Google viser Kartstil koden for fargeendring i Kartstil vinduet til høyre.

6 Klikk på "Legg til" -knappen for å lagre det nye fargevalget og å fortsette å endre fargen på funksjoner på kartet.

7 Gjenta trinn tre til seks for å endre farger for andre kartfunksjoner.

8 Klikk på "Vis JSON" -knappen nederst på kartet stil vinduet for å vise det automatisk genererte Google Maps kode for JSON objekt.

9 Åpne HTML-fil med kartet koden og kopier JSON objekt i stil.

Hint

Hvis du har problemer med å bruke stilformaterte kart Wizard, kjøre den i nettleseren Google Chrome. Du kan også hånd kode kart stiler for hver funksjon. Se Google Maps API v3 dokumentasjon for mer informasjon.