Drupal a mapy: nový a jednoduchý způsob implementace

Na Drupalu 6 jsem postavil řadu webů, které obsahují propojení na Mapy Google, a to jak přímo u jednotlivých uzlů, tak ve formě View zobrazujícího na mapě místa odpovídající vybraným uzlům. Asi nejznámější z těchto webů jsou www.fototipy.cz. Několik webů s podporou map jsem postavil i na Drupalu 7.

Vždycky jsem používal kombinaci modulu Location pro zápis adresy a modulu Gmap pro propojení na mapy od Google. Až na výjimky to bylo spolehlivé řešení, byť třeba existence samostatného formulářového pole pro adresu a téhož ve formě klasického doplňkového políčka v Drupalu 7 mě neuvěřitelně mátla a vytáčela. Navíc konfigurace tohoto řešení nebyla zrovna nejrychlejší. Bylo třeba nastavit propojení na Google, zpracování adres do podoby souřadnic a mnoho dalšího.

Gmap pro Drupal 7 je navíc stále označen jako vývojová verze, přestože je možné jej vcelku bez problémů používat. Když jsem o víkendu připravoval nový web Webkamery Chorvatsko.cz, tak jsem si na stránce Gmap všiml zmínky o tom, že tento modul je „legacy". Pro stavbu nového webu tedy signál, že by se mělo uvažovat o novém řešení. Hned jsem proto vyzkoušel doporučované moduly a v tomto článku vám ukážu, jak s nimi pracovat.

Drupal a Mapy Google

Předpokládejme následující zadání: připravujete web, kde uzly vybraného typu budou mít políčko na vložení adresy. Při zobrazení uzlu chcete tuto adresu zobrazit ve formě malé mapky. Někde jinde na webu byste pak chtěli umístit mapu se seznamem všech adres, které jsou na webu vloženy. Web samozřejmě poběží na Drupalu 7.

Takové univerzální zadání lze aplikovat třeba na oba weby, které jsem odkázal výše, stejně jako na různé katalogy, články o cestování a podobně. Co tedy budete potřebovat za moduly?

• Address Field - modul poskytující nový typ políčka sloužícího pro standardní zápis adresy
• Geofield - políčko pro vkládání souřadnic, vbalíčku najdete i modul Geofield Map zobrazující souřadnice na mapě, zapněte jej též
• Geocoder - speciální modul umožňující automaticky překódovat adresu na souřadnice
• geoPHP - podpůrný modul pro práci sgeo souřadnicemi
• Views + Chaos tool suite - klasická kombinace pro výpis filtrovaných dat vDrupalu 7

Na první pohled se může zdát, že zde máme více modulů než v případě kombinace Gmap + Location. Ovšem ty byly také rozděleny na několik submodulů, takže ve výsledku je to stejné, ne-li nepřehlednější. Navíc ta nová koncepce mi přijde i vzhledem k názvům modulů přímočařejší a otevřenější pro další zpracování.

Vkládání adres do Drupalu

Po instalaci a zapnutí zmíněných modulů pokračujte tím, že vytvoříte nový typ obsahu, nazvěme jej třeba Výlet. Přidejte do něj následující políčka:

• Adresa - typ políčka Postal address, widget Dynamic Address Form. V nastavení můžete upřesnit, že jediná dostupná bude Česká republika, zatrhněte ukrytí dalších zemí, Českou republiku nastavte do výchozí hodnot a nastavení uložte.
• Souřadnice - typ políčka Geofield, widget Geocode from another field. V upřesňujícím nastavení zvolte, že chcete souřadnice vypočítat z políčka Adresa, a to pomocí Google Geocoderu (nebo zkuste i jiné). Další nastavení není třeba v tuto chvíli měnit.

Tím jste hotovi a můžete nastavit zobrazení. U typu obsahu Výlet se tedy přepněte na položku Správa zobrazení a přidejte si zobrazení Celého obsahu. Pak se na něj přepněte a pro políčko Souřadnice nastavte, že jej chcete zobrazit jako Geofield Map. Po stisku ozubeného kolečka pak můžete upravit vzhled mapy.

Zobrazení uzlů na mapě

Přidejte nyní několik záznamů pomocí typu obsahu Výlet a podívejte se, zda u nich zobrazení adresy na mapě funguje. Pokud jste postupovali podle návodu, mělo by být všechno bez problémů. Všimněte si, že pole Souřadnice v editaci výletu nikde nefiguruje. Díky modulu Geocoder je skryté a samo se naplní souřadnicemi dle zadané adresy.

Pokud vám nevyhovuje výchozí zoom mapy, vraťte se do Správy zobrazení a upravte nastavení políčka Souřadnice.

K dokončení našeho pomyslného úkolu zbývá poslední část, a sice vytvoření pohledu pomocí modulu Views, který by zobrazoval na jedné mapě všechna místa zadaných výletů. Přes Struktura > Views > Add new View přidejte nový pohled založený na obsahu typu Výlet a jako formát zobrazení (Display format) mu zadejte Geofield Map. Políčko pro nastavení počtu záznamů nechejte prázdné, protože na mapě chceme zobrazit úplně vše.

V upřesňující definici View pak přidejte políčko Souřadnice. Poté klepněte na odkaz Nastavení vedle Geofield Map a sdělte pohledu, že jako zdroj dat bude soužit políčko Souřadnice a jako Popup text políčko Title (tedy název výletu). Ve zbylém upřesňujícím nastavení tohoto dialogu zase upřesněte zoom mapy a její další vlastnosti. Po uložení byste už v náhledu měli vidět budoucí výsledek.

Uložte tedy celé View a podívejte se na adresu, kterou jste ve View definovali pro zobrazení mapy. Pokud jste místo stránky definovali blok, tak jej umístěte do nějakého regionu a podívejte se na jeho zobrazení. Výsledek by měl vypadat nějak takto:

Jako doplňkové cvičení si můžete zkusit upravit obsah bubliny zobrazované po kliknutí na špendlík v mapě. Vraťte se do editace View s mapou, přidejte políčka, která chcete v bublině na mapě zobrazit (třeba obrázek, adresu, popisek, cokoli jiného) a nakonec políčko Global: Vlastní text. Do něj můžete vložit libovolný HTML obsah a také nahrazovací vzorky, které tam umístí obsah před chvílí přidaných políček. V nastavení Geofield Map pak určete, že v bublině nechcete zobrazovat nadpis (Title), ale právě políčko Global: Vlastní text (objeví se jako nothing). View uložte a vyzkoušejte.