Konferencia PyCon SK 2022, ktorá sa konala v Bratislave, je každoročné stretnutie Python komunity. Organizuje ju dobrovoľníci zo SPy organizácie venujúcej sa propagácii jazyka Python a ďalších open source technológií a myšlienok.
Aj tento rok bola plná zaujímavých prednášok a workshopov, ktoré prilákali veľa nadšencov Pythonu. V tomto článku predstavíme tému, ktorá nás zaujala svojou jednoduchosťou, rýchlosťou implementácie a výhodami, ktoré môže priniesť.
Prednáška je Nastavenie interaktívnej mapy v prehliadači v niekoľkých krokoch, prezentovaná pánom Vojtom Filipcom. Čo sme sa v nej naučili?
- Ako vytvoriť interaktívnu, ľahko zdieľateľnú mapu
- Ako zobrazovať body záujmu (POI)
- Nastaviť farbu, veľkosť a tvar POI na mape
- Zobraziť vyskakovacie okno s detailnými informáciami o POI
Krok 1
Použijeme OpenStreetMap na stiahnutie informácií o polohe všetkých knižníc na Slovensku.
Krok 1
Krok 2
Transformáciami upravíme dáta do požadovaného tvaru. Kompletný kód nájdete na tomto odkaze
Krok 2
Krok 3
Použijeme balíček folium na vytvorenie a zobrazenie mapy.
Krok 3_1
Krok 3_2
Krok 4
Pridáme body záujmu - POI - na mapu, pre ktoré môžeme definovať farbu, napríklad podľa určitej podmienky, ako je znázornené v príklade na github.
Krok 4
Krok 5
V poslednom kroku nastavíme vyskakovacie okno, ktoré sa zobrazí po kliknutí na POI. Definujeme funkciu, ktorá vytvorí vyskakovacie okno a nastavíme ju ako parameter pri vytváraní POI.
Krok 5_1
Krok 5_2
To je všetko! Zobrazili sme POI na mape, nastavili farbu POI podľa podmienky a vytvorili vyskakovacie okno, ktoré sa zobrazí po kliknutí. A takto vyzerá konečný výsledok:
Výsledok
Výsledok môže byť ďalej nakonfigurovaný, napríklad zmenou podkladovej mapy alebo použitím rôznych ikon namiesto kruhov, ktoré označujú POI. Ak vás táto možnosť tvorby máp zaujíma, určite sledujte túto prednášku, ktorá je dostupná na YouTube.