Scott Tiger Tech Blog

Blog technologiczny firmy Scott Tiger S.A.

Archiwum dla Wrzesień 20th, 2010

OpenStreetMap & OpenLayers

Autor: Piotr Karpiuk o 20. września 2010

Przykład działania OpenLayers

Przykład działania OpenLayers

Od dawna można już osadzić interaktywną mapkę na stronie WWW – nic w tym nadzwyczajnego. Jest jednak kilka aspektów typowego podejścia: potrzebny jest dostęp do Internetu, własna domena i konto w Google, pojawiają się ograniczenia licencyjne. Powiedzmy że chcemy mieć interaktywną mapę Polski offline w wewnętrznym intranecie (a może w telefonie?), z możliwością nanoszenia na nią znaczników, rysowania linii itp.

Zaprezentuję rozwiązanie które po stronie serwera wymaga jedynie prostego serwera WWW udostępniającego statyczne pliki. Po pierwsze trzeba skądś ściągnąć dane do mapy. Na szczęście Google nie jest jedynym możliwym źródłem. Np. javowy program JTileDownloader pozwala ściągnąć mapę dowolnego prostokątnego obszaru Ziemi w postaci kafelków 256×256 pikseli z opensource’owego projektu OpenStreetMap. W formatce podajemy współrzędne geograficzne prostokąta, wybrane skale (np. od 6 do 16) i rodzaj mapy (np. Mapnik), po czym naciskamy przycisk „Download Tiles” i czekamy (być może długo) na ściągnięcie kafelków (kilkanaście GB).

JavaScriptowa biblioteka OpenLayers pozwala na umieszczenie w dowolnym tagu HTMLa mapy, obsługuje jej interakcję z użytkownikiem (w szczególności zoom i przewijanie za pomocą myszki i klawiatury) oraz ściąganie kafelków z serwera WWW.

Przykład zastosowania OpenLayers wykorzystujący większość aspektów o których mowa niżej.
Czytaj więcej »

Tags: , ,
Napisany w JavaScript, Uncategorized, WWW | 1 Komentarz »