Web-barát.hu

Egy idő után eljön a pillanat, amikor térképen szeretnénk megmutatni valami számunkra érdekeset. Hol található cégünk? Hol lakunk? stb.

Erre jó a google maps és a CGGoogleMaps modul.

Első lépés, hogy telepítsük a CGGoogleMaps modult a szokásos módon. A telepítés után a Kiterjesztések között találjuk meg.

Azt rögtön látjuk, hogy hiányolja az API kulcsot. Ezt itt generálhatunk weboldalunk számára (ha nincs Google Account-unk, akkor készítsünk egyet):

klikk a Signup linkre

Írjuk be a weboldalunk URL-jét, ne felejtsük el a pipát (hogy elolvastuk a licenszt és elfogadjuk a felhasználási feltételeket) és mehet a kulcsgenerálás. Ha még nem voltunk belépve, akkor erre figyelmeztet a Google.

A megkapott kulcsot másoljuk be.

(a képen látható API kulcs nem valós)

Adjunk hozzá egy új térképet.

Ehhez néhány dolgot elő kell készíteni. Mivel kéri a térkép közepének a koordinátáit, ezt tudnunk kell. Kell tehát a Google Maps.

Legyen mondjuk Budapest, írjuk be a kereső ablakba.

Most már itt vagyunk, de mi a koordináta? Ehhez egy kis szkriptet kell használni (köszönet netlounge-nak az ötletért):

javascript:void(prompt('',gApplication.getMap().getCenter()));

Írjuk be a böngésző címsorába (enter).

A felbukkanó ablakban lévő koordinátákat másoljuk ki (az első a latitude, a második a longitude lesz). Most már mehetünk tovább

Beállíthatjuk a térkép típusát, méretét, legyen-e vezérlő a térképen, zoom(!) stb...

Most már elhelyezhetjük a térképünket egy oldalon:

Eredmény:

Szeretnénk egy markert is elhelyezni?

Akkor klikkeljünk az Edit Map Point ikonra (a lufi).

(itt is kell a latitude, longitude(

Eredmény:

Saját ikont szeretnénk? Azt is megtehetjük. Klikk a szerkesztés ikonra:

Hát ennyi. Remélem sikerült!

Egy működő térkép a Képgaléria oldal alján található.