Mapa Google API s pointery a infoboxem

Šablony (.tpl): tpl/html/content/article/

gps_places.tpl (používá třídu .gps-place-short)

• zobrazí v článku (je-li zadaný) parametr GPS souřadnic
• + lehce upravuje chování šablony incl/main.tpl pro tento element

gps_places-full.tpl (používá třídu .gps-place-full)

• nemá speciální funkci, slouží pro zobrazení článku celé provozovny

mapa.tpl (používá třídu .intro-map)

• zobrazuje mapu od Google s třídou ".intro-map"
• šablona je závislá na skriptu v souboru js/ap/map/map.js, který nastavuje mapu z Google API, kde se také nastavuje vystřeďovací bod mapy

Javascript (.js): js/ap/map/

map.js

• Obsahuje skript, pro nastavení Mapy Google API
• Zde se také nastavuje vystřeďovací bod mapy při její načtení do stránky

infobox.js (používá třídu .infoBox v mapě)

• není nutné do něj zasahovat, je to skript třetí strany
• obsahuje skript pro zobrazení "infoboxu" (abstrakt článku, nadpis, obrázek a odkazu na full) nad pointerem mapy  při kliknutí na pointer v mapě

Styly (.scss):

css/global/toolbox.scss
css/ap/map/main.scss

Jak se nastavuje mapa v administraci

Pro vytvoření mapy si založíme několik elementů např. takto:

Vytvoříme parametr GPS (Obsah > možnosti > parametry)

• parametr s názvem GPS (pouze GPS, tři písmena, nesmí obsahovat nic dalšího, ani mezeru)

Vytvoříme element Mapa (Obsah > možnosti > element)

• element Mapa (šablona mapa.tpl)
• zaškrtneme všechny políčka checkboxů

Vytvoříme element GPS místo (Obsah > možnosti > element)

• element Mapa (šablona gps_places.tpl)
• zaškrtneme všechny políčka checkboxů (kromě "nemá full šablonu")

Vytvoříme elementy v modulu Obsah

• Vytvoříme článek Místa GPS a v záložce vnoření vybereme GPS místo a Mapa
• Do něj vytvoříme 3 vnořené elementy Praha, Brno, Ostrava
• Těmto článkům nastavíme element "GPS místo"
• parametr GPS souřadnice
• V záložce vnoření zaškrtneme pouze navíc "GPS místo"
• Můžeme připojit ještě nějaký obrázek a nastavit jako titulku (např. pro zobrazení je v infoBoxu)
• Vytvoříme článek Google Mapa API (v záložce Vnoření zaškrtneme všechny checkboxy)
• Do něj vytvoříme element Mapa s klikacími body a infoBoxem s elementem Mapa
• V záložce Vnoření nezaškrtneme žádný checkbox
• V záložce Připojení připojíme obsah => články "Místa GPS", pouze potomci, řazení libovolně

Ukázka Google Mapy API je nastavena na adrese http://omega.apilot.cz/