Interaktywna mapa.

Na mapie świata znajdują się pewne punkty (pobierane ze źródła zewnętrznego – patrz uwagi). Istnieje możliwość powiększania mapy. Punkty na mapie można wskazać myszą lub kliknąć (obie czynności powodują wywołanie dwóch różnych funkcji JS). Po wskazaniu punktu obok kursora wyświetla się jego nazwa (w wyróżnionym kolorze). Wskazanie punktu powoduje też jego podświetlenie (prosta, elegancka animacja). Są trzy kroki powiększenia:
1. Wyświetlana mapa to tylko kontury danych kontynentów i te punkty. Po wskazaniu myszą danego kontynentu jego kontur się podświetla (fajne by była jakaś animacja – np. rozbłysk biegający dookoła danego konturu), dodatkowo obok kursora pojawia się napis (nazwa kontynentu). Kliknięcie w kontynent powoduje przejście do kolejnego kroku powiększenia. Jednocześnie wskazanie kontynentu i kliknięcie go powoduje wywołanie dwóch różnych funkcji JS.
2. Wyświetlana mapa to mapa danego kontynetu. Preferowana animacja powiększenia mapy świata do danego kontynetu. Tym razem na mapie są również kontury krajów. Podobnie można wskazać dany kraj (również wtedy pojawia się jego nazwa przy kursorze), można kliknąć. Kliknięcie powoduje przejście do kolejnego kroku powiększenia. Również każda akcja powoduje wywołanie dwóch różnych funkcji JS. W lewym dolnym rogu ikonka powrotu do poprzedniego powiększenia (jej kliknięcie powoduje wywołanie funkcji JS).
3. Mapa powiększa się do widoku na cały kraj. Jest ikonka powrotu do poprzedniego widoku (jej kliknięcie powoduje wywołanie funkcji JS).

Uwagi:
1. Z zewnętrznego źródła danych powinna zostać pobrana informacja, które kontynenty i kraje są aktywne.
2. Powiększenia krajów/kontynentów powinny być inteligentne (tak, żeby powiększany fragment zajmował całą przestrzeń elementu mapy, ale poza nią nie wystawał zbytnio.
3.. Zostanie dostarczona mapa (format wektorowy EPS) – zarówno wersja z podziałem na kontynenty, jak i podziałem na kraje. Najprawdopodobniej przerobiona wersja: http://www.istockphoto.com/stock-illustration-5553292-world-map-with-individ%20%20ual-countries-and-separate-continents.php
4. Dane mają być pobierane z pliku XML (struktura danych do uzgodnienia).
5. Zostanie dostarczona lista kontynentów i krajów, które będą mogły być aktywne.
6. Wymiar mapy 950×450px.

Jak składać oferty pracy

« powrót na stronę główną
Jeżeli ta oferta pracy nie jest zgodna z regulaminem, powiadom nas!   
Poleć znajomemu

Opublikowana 2011-01-11
Wyświetlona: 5724 razy