Moduł klikalna mapa województw

UWAGA!!! – ten post jest już nieaktualny. Tutaj znajdziesz nową wersję modułu.

Dzisiaj chciałbym podzielić się modułem wyświetlającym na stronie interaktywną, klikalną mapę polskich województw. Mapa jest wyświetlana przy użyciu CSS i bilbioteki jQuery, bez Flasha. Mam nadzieję, że Wam się spodoba, no i przede wszystkim, że do czegoś Wam się przyda.

Sama mapa jest autorstwa Winstona Wolfa i można ją znaleźć tutaj. Aktualnie jest przygotowywana nowa wersja, ale oryginalne pliki można pobrać jeszcze stąd. W stosunku do oryginalnej wersji, wywaliłem z plików CSS style listy linków, tak aby moduł nieco lepiej wtapiał się w Joomlowe templatki. W module dostępna jest tylko mapka w kolorze niebieskim, jeżeli chcesz stworzyć własne pliki graficzne mapy, musisz pobrać oryginalną paczkę i wyedytować znajdujące się w niej pliki .PSD. W paczce zawarte są wszelkie potrzebne instrukcje na ten temat.

Pliki modułu udostępniam na licencji GNU GPL v2, ale dotyczy to tylko i wyłącznie plików samego modułu. Wszystkie pliki autorstwa Winstona Wolfa (t.j. pliki .png map, pliki .css, plik .js) udostępnione są na licencji CC-SA 3.0.

Jeżeli macie jakieś pytania, albo sugestie odnośnie tego modułu zapraszam do komentowania.

Konfiguracja modułu

Moduł posiada kilka niezbyt skomplikowanych parametrów:

• Ładować jQuery? – wybierz „nie” tylko jeżeli Twoja strona korzysta już z jQuery, zazwyczaj powinno być wybrane „tak”
• Szerokość mapy – moduł (podobnie zresztą jak oryginalna mapa), dostarczony jest z wbudowanymi 4 szerokościami mapy: 200px, 300px, 400px, 500px. Wybierz tą która najlepiej Ci odpowiada, pamiętaj tylko, że musisz zapewnić modułowi odpowiednią ilość miejsca w templatce
• Wyświetlać linki – tym ustawieniem można wybrać czy moduł ma oprócz mapy wyświetlać listę linków do poszczególnych województw
• Linki wyświetlaj – tutaj można wybrać w jaki sposób ma być wyświetlana lista linków, parametr używany tylko i wyłacznie jeżeli w Wyświetlaj linki, zaznaczono „tak”. Możliwe style wyświetlania:
  • po lewej stronie mapki
  • po prawej stronie mapki
  • poniżej mapki, w jednej kolumnie
  • poniżej mapki, w dwóch kolumnach
  • poniżej mapki, w trzech kolumnach
• Dodatkowa dla każdego z 16 województw ustawia się:
  • Link województwa – adres URL wykorzystywany po kliknięciu danego województwa na mapie lub na liście linków
  • Tekst województwa – tekst linku wyświetlanego dla danego województwa w liście linków, a także tekst wyświetlany po najechaniu kursorem na dane województwo na mapie (tytuł linku). Jako domyślne teksty ustawiłem nazwy województw.

Demo

Moduł w akcji można obejrzeć w naszym serwisie demo.

Pobierz

mod_kmw.zip wersja 1.0