V mojom poslednom „cestopise“ zo severských krajín som použil interaktívnu Google map na vyznačenie našej trasy. Vyzerá to nejak takto:

Možno by niekoho zaujímalo, ako sa to robí, takže uvediem stručný návod.

Celý postup pozostáva z dvoch hlavných krokov:

1. Vytvorenie mapy v Google Maps
2. Pridanie tejto mapy na vlastnú stránku pomocou My Maps Plus

Vytvorenie mapy

Každý asi pozná bezplatnú službu Google maps. Je to vyhľadávanie a prezeranie máp. Google napchal do svojej databázy kopy miest, údajov a satelitných snímkov.

Vyhľadávanie je jednoduché, zadajte napr. presov. Na výslednej mape sa môžete posúvať, približovať, prepínať medzi klasickým a satelitným zobrazením a mnoho iného. Google vám aj sám vypočíta optimálnu trasu. Kliknite na odkaz Get directions pod vyhľadávacím poľom a zadajte napr. presov a plavec a dozviete sa, ako sa dostať ku mne na chalupu.

Nad takouto mapou máte odkaz Link to this page. Ten môžete skopírovať a poslať známym alebo čapnúť na web. Tu je úkážkový odkaz na uvedenú mapu.

Zatiaľ sme sa dostali k mape iba pomocou vyhľadávania. Neviem k nej písať komentár, pridať vlastné „špendlíky“, čiary a fotky. K tomu treba použiť službu My Maps. Nie je to nič iné, ako to, čo už poznáme, ibaže sa aj prihlásime. Stačí si bezplatne vytvoriť Google account. Mnohí už toto konto možno majú vytvorené, pretože Google používa jeden login pre všetky svoje služby. Ak máte Gmail, tak máte aj konto. Ja napr. používam toto konto aj na tento blog (pretože Blogger je tiež Googlácka služba), AdWords, Google Alerts (toto je asi najlepšia vec, čo Google okrem vyhľadávania poskytuje).

Takže, choďte na http://maps.google.com/ a prihláste kliknutím na Sign in vpravo hore. Ak konto nemáte, tak si ho na prihlasovacej stránke vytvorte.

Odteraz je váš život krajší, môžete kliknúť na kartu My Maps. Tam si môžete vytvárať nové mapy. Zoznam máp je naľavo a vždy upravujete práve vybranú mapu. na takúto vlastnú mapu si môžete pridávať špendlíky (placemarks), kresliť čiary a oblasti. Na mape v hornej časti na to nájdete tlačidlá.

Na pridávanie špendlíkov použijte fintu. Nepichjte ich tým tlačidlom len tak zbrucha, približne. Ak chcete pridať Prešov, zadajte hore do vyhľadávania presov. Automaticky vás to hodí na kartu Search results a ukáže výsledok ako bublinu na mape. Stačí v tej bubline kliknúť Save to My Maps a je to. Ak sa vrátite na kartu My maps, vľavo je zoznam špendlíkov a aj na mape ich vidno.

Bohužiaľ, takto sa zatiaľ nedá uložiť nájdená trasa, takže čiary treba kresliť ručne. Najlepšie je najprv napichať špendlíky a tie pospájať čiarou. Stlačte tlačidlo na kreslenie čiary a choďte na bruško špendlíka, kým s kurzor nezmení z krížika na ruku. Vtedy kliknite. takto pospájajte všetky body a pri poslednom kliknite dvakrát. To čiaru ukončí.

K bodom aj čiaram môžete pridať vlastný pokec a fotky. Výslednú mapu si ešte pekne zazoomujte, aby vošla a máme hotovo. Mapa je uložená a po prihlásení ju môžete kedykoľvek upravovať.

Opäť, nad mapou je odkaz Link to this page, ktorý keď pošlete kámošom, môžu si mapu pozrieť. Tu je odkaz na moju mapu.

To už je skoro to, čo chceme. Máme vlastnú mapu a vieme ju poslať druhým. Ale my chceme ísť ešte ďalej – vložiť ju do našich vlastných stránok.

Vkladanie mapy do vlastnej stránky

Vo všeobecnosti, na manipuláciu s Google maps, sa používa Google Maps API. To je určené pre pokročilých používateľov a je s tým trochu práce. Vy nepokročilí, alebo ja pokročilý ale lenivý si zvolíme omnoho jednoduchší spôsob. Využijeme bezplatnú službu My Maps Plus. Tá si zoberie adresu našej mapy, umožní nám zadať rôzne parametre ako má mapa vyzerať na našej stránke a nakoniec nám vypľuje HTML kód, ktorý jednoducho pridáme do našej stránky a mapa sa tam automaticky zobrazí.

Vytvorte si tam konto a prihláste sa. Ďalej je to jednoduché. Kliknite hore Add My Map a tam už iba vyplnte údaje. Najdôležitejší je prvý údajURL of your KML map. Je to adresa z tlačidla KML nad mapou v My Maps. Ostatné údaje definujú hlavne vizáž, veľkosť mapy, či ukázať bočný panel, či ukázať zväčšovátko atď. Dá sa s tým vyhrať. Vždy po stlačení Update sa ukáže, ako bude mapa vyzerať.

Keď sa vám pozdáva, skopírujte HTML kód spod mapy na svoju stránku. A to je všetko.