Slik bruker du et tall i stedet for et brev i Google Custom Marker

Google Maps-markører markerer bestemte nettsteder på et kart. Som standard identifiserer Google en individuell markør med en firkant og flere markører med bokstaver, men dette kan ikke passe noen programmer. For eksempel, hvis firmaet ditt refererer til grener som sider 1, 2 og 3, vil nummererte markører identifisere dem tydeligere enn bokstavene ville. Bruk egendefinerte markører i programmet til å designe dine egne etiketter for kartposisjoner. Disse markørene bruker egendefinerte ikoner, som du kan kode ved hjelp av Google Charts API.

1.

Åpne programmets kildekode med et Java-utviklingsprogram som Eclipse.

2.

Bla til "initialiser" -funksjonen. Denne kodeblokken definerer kartet ditt og definerer alternativer for det. For eksempel kan koden lese:

funksjon initialisere () {

var koordinater = nye google.maps.LatLng (42.346429, -71.097186);

var myOptions = {

zoom: 4,

senter: koordinater,

mapTypeId: google.maps.MapTypeId.ROADMAP

}

var ourHeadquarters = nytt google.mapsMap (document.getElementById ("map_canvas"), myOptions);

}

3.

Legg til en ny linje som angir breddegrad og lengdegrad for markøren din. Hvis for eksempel markøren din må angi en breddegrad på 42.349093 og en lengdegrad på -71.101971, legg til følgende linje:

var markørKoordinater = nye google.maps.LatLng (42.349093, -71.101971);

4.

Legg til følgende blokk for å opprette markøren din:

var markør = ny google.maps.Marker ({

posisjon: markørKoordinater,

kart: ourHeadquarters,

});

Erstatt "markørKoordinater" med variabelen du opprettet i forrige trinn, og erstatt "ourHeadquarters" med variabelen tilknyttet kartet.

5.

Legg til følgende linje i markørblokken for å opprette et ikon for markøren:

ikon: '// chart.apis.google.com/chartchst=d_map_pin_letter&chld=A|FF0000|000000'

6.

Erstatt "A" i linjen med et tall. For eksempel, erstatt den med "1, " endre linjen til:

ikon: '// chart.apis.google.com/chartchst=d_map_pin_letter&chld=1|FF0000|999999'

7.

Endre "FF0000" til HTML-hexidekimal-koden til markørens bakgrunn. For eksempel, for å angi bakgrunnsfargen til gul, som bruker koden "FFFF00, " erstatt koden med "FFFF00, " endrer linjen til:

ikon: '// chart.apis.google.com/chartchst=d_map_pin_letter&chld=1|FFFF00|999999'

8.

Endre "999999" til HTML-heksidekimal-koden til markørnummerets tekst. For eksempel å skrive denne teksten i svart, som bruker koden "000000, " erstatt koden med "000000, " endrer linjen til:

ikon: '// chart.apis.google.com/chartchst=d_map_pin_letter&chld=1|FFFF00|000000'