Interaktywna mapa Polski

przez

o 4 lutego 2011

w WordPress, Wtyczka

Drobna wtyczka, która powstała na zamówienie mojej Lepszej Połowy, a które służy do wyboru województwa z poziomu interaktywnej mapy. Wykorzystałem mapę stworzoną i udostępnioną na stronie: winston_wolf.

Instalacja wtyczki jest prosta:

  1. Ładujemy wtyczkę do folderu z … wtyczkami.
  2. Aktywujemy ją.
  3. Ustawiamy odnośniki do województw „Ustawienia”->”Interaktywna Mapa Polski”
  4. Umieszczamy shortcode [mapa-polski] we wpisie lub na stronie.
  5. Umieszczamy widget w sidebarze.

Mapa nie wymaga flasha czy innych dodatkowych wtyczek, wykorzystuje javascript i arkusze stylów.

Wtyczka dostępna jest w repozytorium wordpress.org: Interactive Polish Map.

Poprzedni

Nadmiar postów w feedach

Następne

Wyświetl drugi poziom nawigacji

60 komentarzy

  1. Adam

    Mówisz że to wykorzystuje javascript.

  2.

    Marcin

    Tak. A dokładniej to bibliotekę jQuery, choć to „tylko” do ustawiania bloków do klikania.

  3. Darnok

    WordPress nie wykrywa wtyczki po wgraniu jej na serwer. Coś robię źle, czy inni mają podobnie?

  4.

    Marcin

    @Darnok: w snesie nie można jej aktywować? nie ma jej na liście wtyczek wyłączonych?

  5. Darnok

    Dokładnie tak jak Pan napisał.

  6. Darnok

    Badał Pan sprawę, u Pana działa?

  7.

    Marcin

    @Darnok: niestety nie jestem w stanie powtórzyć zgłoszonego błędu. Wtycka generalnie działa i poza tym jedym zgłoszeniem, nie ma aktualnie innych dotyczących błędów.

  8. monika

    Dzięki śliczne! Naprawdę świetna wtyczka, bardzo profesjonalnie prezentuje się na stronie, jest super! ;)

  9. Dariusz

    Niestety nie działają linki na mapce… Województwo Dolnośląskie jest podlinkowane, ale nie działają bloki (nie linkują się).
    Proszę o pomoc…

  10. Dariusz

    Wtyczka wpada w konflikt z jQuery Colorbox :(
    Straszna szkoda, bo Colorbox jest też świetny…

  11. Bernard

    Mogę prosić o kontakt w sprawie modyfikacji tej wtyczki?
    Nigdzie nie mogę znaleźć danych kontaktowych do Pana.

  12.

    Marcin

    marcin małpa w domenie na której znajduje się blog. Łatwiej by było w drugą stronę, bo w komentarzu można zostawić adres email, który nie jest nigdzie publikowany.

  13. Dorota

    Witam,

    Zainstalowałam, działa. Jedyne co, to chcę zmienić wygląd- jak to zrobić? Gdzie jest opcja edycji?

    Pozdrawiam

  14.

    Marcin Pietrzak

    @Dorota: co rozumiesz przez: opcja edycji?

    Ustawienia mapy znajdziesz w „Ustawienia -> Interaktywna Mapa Polski”.

  15. Dorota

    Witam,

    Ustawienia mapy znajdziesz w “Ustawienia -> Interaktywna Mapa Polski”. Zawiera tylko opcje wyboru rozmiaru z pośród 3 różnych, opcje wyświetlenia poniżej mapy nazw województw oraz możliwość wpisania adresów odnośników… Więc nie za wiele. Mnie chodzi o zmianę WYGLĄDU, czyli podmianę grafiki i dodanie nazw.

    Pozdrawiam

  16.

    Marcin Pietrzak

    @Dorota: wtyczka nie oferuje takich możliwości jak zmiana nazw, czy zmiana grafiki, trzeba to zrobić „ręcznie”.

  17. Dorota

    Witam,

    Podłubałam trochę i można pozmieniać praktycznie wszystko, ale faktycznie trzeba to zrobić ręcznie. Z automatu jest niewiele opcji. Ale za to po przekopaniu kodu, można dostosować do każdych wymagań. Mam, śmiga.

    Pozdrawiam,
    Dorota

  18. Max

    pytanie mam takie czy w jakiś sposób tę mape mozan wstawić oczywiście w wordpressie ale w kod strony a nie tylko w wpis i stronę ??

  19.

    Marcin Pietrzak

    @Max: oczywiście, że tak. Zobacz jaki jest kod po wygenerowaniu i go po prostu użyj.

  20. Dominik

    Witam,

    Czy można w jakiś sposób użyć dwie mapy an jednej stronie wordpresa? tzn. chciałbym zrobić stronę z dużą mapą a potem na stronie z województwem dodac mini mapę – czy można to zrobić jakoś niezależnie tzn. żeby były dwa inne rozmiary map)?

    Z góry dziękuję za odpowiedź!

    Pozdrawiam,
    DP

    •

      Marcin Pietrzak

      W tej wersji wtyczki niestety nie można. Wtyczka z mapą Francji została już tak zrobiona, że można ich wstawiać dowolną ilość. Planaowałem to wrzucić do mapy Polski, ale nie bardzo mam czas.

  21. Dominik

    Dziękuję za odpowiedź. Mam nadzieję, że uda się w krótce wydać update do mapy ponieważ taka funkcja byłaby bardzo przydatna. W każdym razie Panie Marcinie – Gratuluję bardzo udanej wtyczki! Kawał dobrej roboty :) Pozdrawiam,
    DP

    •

      Marcin Pietrzak

      @Dominik: nie planuję prac nad wtyczką i nie mam klienta, który by za to zapłacił, więc raczej długo nie będzie takiej aktualizacji.

  22. Adrian

    Witam. Ja się zastanawiam nad tym, czy da się jakoś zrobić tak, że po kliknięciu w dane województwo pozostanie ono podświetlone do momentu, jak nie zostanie wybrane inne. Tylko nie wiem, jak to zrobić za pomocą css. Widzę, że tam są podane koordynaty, ale nie mam pojęcia jak ugryźć temat, by stworzyć klasę current i dla niej ustawić podświetlenie bieżącego województwa. Pozdrawiam.

  23. Adrian

    Na stronie winston wolf jest nowa mapa i jest ona także w formacie psd, co ułatwia sprawę. Teraz zasadnicze pytanie. Co należałoby zrobić, żeby sobie do tej wtyczki wgrać tę nową mapę, zamiast tej niebieskiej? Sprite css też są inne jak zdążyłem zauważyć. Przypuszczam, że coś trzebaby pozamieniać w pliku css, żeby prawidłowo się to wyświetlało. Będę dźwięczny za jakąś poradę typu wytnij z pliku css na stronie winston wolf to i to i wklej w odpowiednie miejsce w pliku css wtyczki. Bo o to chyba właściwie chodzi.

  24.

    Marcin Pietrzak

    @Adrian: dokładnie tak trzeba zrobić. Odpowiednie css’y w odpowiednie miejsca, tak samo js’y i html. Jeżeli chcesz to mogę Cię dołączyć do developerów wtyczki na codex.

  25. Bogdan

    Witam,

    chciałbym dodać licznik wpisów w danym województwie aby był widoczny na głównej mapie. Co i jak należałoby zrobić. Pozdrawiam

    •

      Marcin Pietrzak

      @Bogdan: przyznam, że nie do końca rozumiem co chcesz osiągnąć. Jeżeli to coś większego, to pisz na maila: moje imię @ domena serwisu.

  26. Paweł

    Witam.
    Ogarnął ktoś może temat podstawienia innego szablonu mapy, np. z miastami wojewódzkimi tak jak u winston wolf??

  27. Marcin

    Witam,

    Mam problem z zainstalowanie tej wtyczki. Instalacja z poziomu wordpressa nie powiodła się. A jak wrzucam wtyczkę do katalogu wordpressa bezpośrednio to jej nie widzę w panelu. Co robię źle?

  28. Marcin

    W panelu WP w zakładce Wtyczki -> dodaj nową wtyczkę -> wyślij na serwer i tu wyskakuje błąd instalacji. Próbowałem też przez ftp wrzucić do katalogu WP z wtyczkami (wp-content/plugins).

    •

      Marcin Pietrzak

      @Marcin: ale czy jest jakiś komunikat? coś się dzieje? No i czy nie możesz zainstalować z repozytorium wtyczek? Po prostu wyszukując?

  29. Marcin

    Dziękuję. Zainstalowałem z repozytorium wtyczek i wszystko działa. Pozdrawiam! :)

  30. Piotr

    Niestety wtyczka nie chce dać sięzainstalować wyskakuje taki komunikat

    Rozpakowywanie paczki…

    Instalacja wtyczki…

    Paczka nie mogła zostać zainstalowana. Nie znaleziono odpowiednio przygotowanych wtyczek.

    Instalacja wtyczki nie powiodła się.

    •

      Marcin Pietrzak

      @Piotr: właśnie zainstalowałem na testowej witrynie i odbyło się bez żadnych kłopotów. Niestety nie mogę pomóc.

      Pobierz może wtyczkę w formie spakowanej, wrzuć na serwer i sprawdź czy tak uda się zainstalować.

  31. lisek

    Witam, bardzo mi sie podoba mapka ktora stworzyles jest idealna do moich celow, lecz mam maly problem :( Nie potrafie jej umiescic na stronie zamiast sidebarze… Chodzi mi o to ze dodaje strone gdzie mapka bedzie znajdowala sie na srodku … czy jestes w stanie mi w jakis sposob pomoc najlepiej krok po kroku :(

  32. Marcin

    Dzień dobry,

    Co może być przyczyną wyświetlania białych kwadratów na mapie? tak jak w tym miejscu http://elsa.poznan.pl/wzd/?page_id=83

  33. Marcin

    wow :o
    ;) Bardzo dziękuje za pomoc. Jak Pan to tak szybko zdiagnozował?

  34. Marcin

    Jaką literaturę Pan poleca na początek?

    •

      Marcin Pietrzak

      Nie jestem w stanie polecić żadnej literatury. Są specyfikacje, są inne strony. Książki w branży IT, a już książki po polsku są zazwyczaj kilka miesięcy lub lat do tyłu i ciężko w nich znaleźć sensowne rzeczy.

      To nie znaczy że nie ma dobrych książek. Może są. Ja po prostu od dawna żadnych książek „na początek” nie czytam.

  35. Filip

    Witam,

    gdzie mogę znaleźć plik psd z tą mapką?
    Pozdrawiam i dzięki za super wtyczkę! :)

  36. Filip

    @Marcin Pietrzak: już próbowałem, po nałożeniu mapki z pliku psd na png kontury Polski się nie zgrywają :(

    •

      Marcin Pietrzak

      @Filip: no … tak … bo Winston wydał kolejną wersję, a wtyczka jest oparta o stary psd. Niestety nigdzie go nie mam. :(

  37. kudlaty

    @Filip, wystarczy w Photoshopie zrobić zaznaczenie danych kolorów, a później „blending options” i „color overlay”

  38. Mirek

    WItam, ktoś pisał o zmianie kolorystyki tej mapki, ale nie ogarniam pomoże ktoś? dzięki.

  39. shumy_pl

    Witam,
    Jestem początkującym użytkownikiem WordPressa.
    Wtyczka o której Pan wspomniał bardzo przypadła mi do gustu i wydaje się genialnym rozwiązaniem.
    Natrafiłem niestety na problem podczas instalacji.
    Zgodnie ze wskazówkami po wrzucaniu na ftp folderu cssmap-poland-v4-4 do katalogu /wp-content/plugins wyskakuje błąd z którym nie bardzo potrafię sobie poradzić.

    Rozpakowywanie paczki…

    Instalacja wtyczki…

    Instalacja wtyczki z wysłanego na serwer pliku: cssmap-poland-v4-4.zip
    Rozpakowywanie paczki…

    Instalacja wtyczki…

    Paczka nie mogła zostać zainstalowana. Nie znaleziono odpowiednio przygotowanych wtyczek.

    Instalacja wtyczki nie powiodła się.

  40.

    Marcin Pietrzak

    @shumy_pl a skąd została pobrana wtyczka?

  41. shumy_pl

    winston_wolf.
    Próbowałem zipa wtyczki dodać za pomocą wp i wyskakuje bład. Co ciekawe paczkę odnajduje w multimediach wp.
    A jak chcę ją dodać przez ftp ręcznie bez względu czy rozpakowana czy zip nie widzi jej.
    Natomiast z repozytorium wp international polish map działa bez problemu.

    Pozdrawiam serdecznie,
    shumy_pl

  42. shumy_pl

    Aha. Sugerowałem się Pańskim wpisem.
    Przepraszam że spytam, bo nie ukrywam że początkujący jestem. Więc jak poprawnie powinno się to zaimplementować by działało jak trzeba?

  43. shumy_pl

    Rozumiem że nie da się tego na wp doprowadzić to takiej formy jak winston wolf?
    Proszę wybaczyć, źle widocznie zrozumiałem kontekst.
    I tak mi Pan pomógł, widziałem podobną mapkę na Joomli. Zastanawiałem się czy coś podobnego da się znaleźć na WP.
    Jeśli chcę gmerać w kolorystyce mapki czy dopisać miasto to rozumiem w png muszę edytować?
    Jeśli chodzi o zaznaczenie województwa na mapie w taki sposób by było odznaczone to rozumiem w css? Jakaś wskazówka za pomocą jakiej formuły można to ustawić?

    Pozdrawiam,
    shumy_pl

    •

      Marcin Pietrzak

      @shumy_pl wszystko się da, to kwestia pracy. Tak można zmienić pliki PNG, tak, to CSS odpowiada za podświetlanie.

  44. shumy_pl

    Bardzo Panu dziękuje.
    Naprawdę świetny i rzeczowy blog.
    Zamierzam być tu stałym bywalcem bo bardzo ciekawe rzeczy tu można znaleźć.
    Wszystkiego dobrego :)
    Pozdrawiam,
    shumy_pl

Oparte na WordPress & Theme by Anders Norén