svg cd.

No cóż, mój własny niedawny entuzjazm do SVG nieco opadł gdy obejrzałem efekty działań innych entuzjastów SVG w polskiej wikipedii. Chodzi konkretnie o różne mapki z zaznaczonymi polskimi województwami, bo na tym się niechcący skupiłem. Myślałem, że w SVG da się robić małe pliki, mniejsze nawet niż GIF-y. Może tak, ale co z tego, prościej jest robić duże, byle gówniana mapka i już 130 KB albo nawet 300 KB.

Spróbowałem sam i garść spostrzeżeń mam. Może nie całą garść, raczej parę (czyli dwa). Pierwsze odkrycie jest zasługą genialnego programu do trasowania, potrace. Otóż w wypluwanych przez potrace SVG ścieżki opisane są liczbami całkowitymi, a dopiero potem całość wielokrotnie zmniejszona. Tym prostym sposobem oszczędza się sporo kropek przy opisie ścieżek, a przecież każda kropka to jeden bajt! Drugie to już sam odkryłem, trudno jest do pokolorowania mapy dobrać nazwane kolory podobnej jasności — ale przecież każdy na białym tle można rozjaśnić ustawiając ułamkową nieprzejrzystość (np. opacity=".7").

Poniżej mój wyrób, zacząłem od flashowej mapki "wydrukowanej" do PDF-a, którego zaraz otworzyłem w Inkscape. Zostawiłem tylko zarysy województw, zalałem je na czarno i zapisałem jako sporą bitmapę w postaci BMP (1000x1000). Którą potem strasowałem potrace do SVG (za pierwszym razem urwało Hel, ale wystarczy pogrubić) i ręcznie (tzn. w edytorze tekstu) pokolorowałem. Czemu tak? A czemu nie? Efekt nie jest zły, poza jednym paskudnym zadziorem na granicy lubelskiego z mazowieckim wszystko dość sensownie zaokrąglone. No i plik ma niecałe 30 KB. Jak ktoś chce niech sobie wytnie ze źródła strony, od <svg> do </svg>. Dwa razy większą mapkę można zrobić zamieniając wszystkie cztery 500 w nagłówku na 1000 i zmieniając skalowanie "warstwy" z województwami z transform="scale(.05)" na transform="scale(.1)" i jednocześnie skalowanie "warstwy" z podpisami ze scale(1) na scale(2) — czyli pomnożyć dwa razy tam gdzie trzeba. Itd. Podpisy najprościej umieszczać w SVG-edit, Inkscape mnie przytłacza, a włącza się tak powoli, że zapominam co chciałem zrobić.

svg?

To niesamowite, ale już wszystkie przeglądarki czyli nawet IE wyświetlają SVG i można robić bardzo fajne mapki albo cokolwiek (np. w SVG-edit). W dodatku SVG wklejone bezpośrednio do HTML5 łatwo dręczyć Javascriptem, co zaraz zademonstruję (po najechaniu kursorem na lipne linki poniżej zapalają się na mapce odpowiednie miasta):

W Polsce odwiedziłem siedem miast, a mianowicie Gdańsk, Warszawę, Kraków, Lublin, Wrocław, Szczecin, Nowy Sącz i Elbląg.

zapiski zapoconego

Zdaje się miałem dziś niefarta komunikacyjnego, w jedną stronę trafiłem na paradę taksówkarzy, w drugą — na autobus z ekologiczną klimatyzacją. W związku z tym garść przemyśleń, którymi chciałbym się podzielić.

Taksówkarzom pomóc łatwiej, więc od nich zacznę. Też nie lubię Gowina, ale z postępem jeszcze nikt nie wygrał. Dziś każdy głupi ma dżipiesa i — jeśli umie go włączyć — już nie musi wiedzieć, gdzie jest w Warszawie ulica Traczy. Dbajcie więc raczej o komfort przewozu pasażerów, czysta tapicerka (chyba) jeszcze nikomu nie zaszkodziła, a od klimatyzacji można najwyżej zachrypnąć. Papierosy palcie na świeżym powietrzu, a jeśli macie alergię na psy i koty (współczuję) — może poszukajcie innego zawodu?

Pasażerom zbiorkomu radzę tymczasem podróżować poza godzinami szczytu (hahaha, hihihi) — a przede wszystkim baczyć na okienka. Autobus, który ma wszystkie zamknięte i otwarte tylko jedno, przy kierowcy, jest śmiertelną pułapką. To autobus wyposażony w klimatyzację, której jednak kierowca nie chce, nie umie, albo nawet nie może włączyć (bo się zepsuła). Okna zakręcono tak, że nie da się ich gołą ręką otworzyć, a zamiast chłodzenia działają tylko wentylatory anemicznie tłoczące gorące powietrze z zewnątrz. Temperatura może więc śmiało przekraczać 30 stopni (Celsjusza) i przekracza. Jutro będę czujniejszy, bo mądry Polak po szkocie, a jeszcze bardziej po dwóch.

No dobra, pora na coś bardziej konstruktywnego. Otóż do dżipiesa potrzebne są jeszcze mapy. Nie wiem dlaczego tak późno odkryłem OpenStreetMap, czyli mapy i plany miast edytowane siłami pospolitego ruszenia, z zauważalnym udziałem rowerzystów. Co widać na przykładzie już wspomnianej ul. Traczy z czerwonym szlakiem rowerowym. Gdy tylko znajdę pompkę pojadę i na dowód zrobię zdjęcie. Kierowcy też mogą być pożyteczni, fotoradary i inne miejsca niebezpieczne można zgłaszać na garniak.pl.

środek Polski empirycznie znaleziony

Jak to zwykle bywa, szukałem czego innego niż znalazłem, powiem czego szukałem jeśli znajdę, na razie będzie o tym, co znalazłem. A znalazłem jak wyświetlać mapy z Google Maps bez użycia JavaScriptu. W zasadzie bardzo proste, wpisujemy do przeglądarki adres w postaci http://maps.google.com/staticmap?&zoom=5&size=250x250¢er=52,19 – czyli zoom:5, rozmiar 250x250 pikseli i współrzędne środka, najpierw szerokość potem długość – i już mamy małą mapkę Polski. Gdy zajrzymy do Googla pod Static Maps API Developer's Guide, wszystko okaże się nieco bardziej skomplikowane (i trzeba wziąć od nich specjalny klucz do map, osobny na każdy adres), ale może i tak warto wiedzieć, jak wyprodukować elegancką mapkę do wrzucenia na bloga. Tu mógłbym zademonstrować krok po kroku jak robię np. mapkę z zaznaczonym na żółto miejscem, w którym kiedyś wypuściliśmy do lasu jeża, ale to zbyt łatwe. Zamiast tego postanowiłem zaspokoić swoją ciekawość.

Metodą prób i błędów szybko ustaliłem, że zoom 6 i rozmiary 460 x 435 całkiem nieźle obejmują Polskę, gdy środek mapy leży na 52 i 19 (bez pedanterii).


A potem kilka kolejnych przybliżeń: zoom 8...


zoom 10...


i zoom 12:


I już wyraźnie widać, że środek Polski to Krzepocinek.

Te mapy u mnie są już w postaci gotowych obrazków, wczoraj czytałem, że jedno szukanie w Guglu wytwarza tyle CO2, co zagotowanie pół czajnika wody na herbatę, wygenerowanie takiej mapy to pewnie jak ugotowanie zupy.

---

ps. Wikipedia oczywiście ma inne zdanie na temat środka Polski, ale jak można wierzyć encyklopedii, którą może edytować dosłownie każdy?! A tego bloga mogę edytować tylko JA.

No dobra, nie jestem uparty, wpisuję współrzędne Piątka jako środka i zmniejszam powiększenie tak, by objąć całą Polskę:

Ortodroma ortodromą, ale coś tu chyba jest nie tak.