GoldenLine
Zaloguj się
Marcin Kapusta

Marcin Kapusta iOS
Developer/Software
Developer/Music
Producer

Temat: Prośba do front end developerów o poradę na temat...

Witajcie...

Chciałbym zrobić wizualizację połączeń jakie są między miastami.
Przygotowałem testową stronę z przykładowymi miastami w województwie lubuskim:

http://edojazd.pl/utility/generateplace

Na mapie mam warstwę divów, które reprezentują miejscowości. Teraz klikając na jedno z tych miast, będę wysyłał ajax'em requesta o połączenia dla klikniętego miasta i chciałbym, żeby pojawiły się jakieś animowane strzałki, linie lub krzywe w kierunkach innych miast w zależności od tego czy w systemie jest połączenie między miastami.

Od jakiegoś czasu już do tego podchodzę i stanowi to dla mnie dość duży problem. Napiszcie mi jakieś sugestię lub pomysły jak można by to zrobić, żeby też pod względem usability było bardzo czytelne.

Jestem w stanie zapłacić jak ktoś wskaże mi fajne rozwiązanie i pomoże to zaimplementować. Chciałbym tylko, żeby rozwiązanie działało szybko nawet przy dużej ilości połączeń oraz by nie używać canvasa ani svg bo to przede wszystkim ma działać na urządzeniach mobilnych.Marcin Kapusta edytował(a) ten post dnia 24.05.11 o godzinie 10:14
Link do wypowiedziLink
Sławomir Kaźmierczak

Sławomir Kaźmierczak Snapcode

Temat: Prośba do front end developerów o poradę na temat...

http://code.google.com/apis/maps/documentation/javascr...
Link do wypowiedziLink

konto usunięte

Temat: Prośba do front end developerów o poradę na temat...

takie strzalki?
http://dmitko.ru/?p=538

Korzystając z Polyline i Polygon dostępnych w google maps API, można bez problemu wymalować i animować proste figury geometryczne.
Link do wypowiedziLink
Marcin Kapusta

Marcin Kapusta iOS
Developer/Software
Developer/Music
Producer

Temat: Prośba do front end developerów o poradę na temat...

Grzegorz Biesiadecki:
takie strzalki?
http://dmitko.ru/?p=538

Korzystając z Polyline i Polygon dostępnych w google maps API, można bez problemu wymalować i animować proste figury geometryczne.

Dzięki...

Tak wiem, że są overlaye polyline i polygon i na początku chciałem to wykorzystać. Ale np. gdy miałbym pokazać połączenie z Sulechowa do Świebodzina oraz równocześnie z Sulechowa bezpośrednio do Międzyrzecza i jeszcze jedną do Skwierzyny to nie będzie to wyraźne. Wizualnie fajnie by było to przedstawić jako takie krzywe, jedna zagina się do Świebodzina inna do Międzyrzecza i ostatnia do Skwierzyny, ale że nie nachodzą jedna na drugą tylko rozpościerają się pod różnymi kątami. Takie krzywe Beizera tylko czy są takie rozwiązania, żeby działały szybko i w momencie przesuwania mapy i powiększania, pomniejszania?
Link do wypowiedziLink

konto usunięte

Temat: Prośba do front end developerów o poradę na temat...

Wydaje mi sie, ze w Twoim przypadku jest to pytanie do ludzi zajmujacych sie wizualizacja danych.
Jak bedziesz wiedziaj, w jakiej formie zaprezentowac swoje dane, realizacja pomyslu bedzie juz prosta.

Kilka inspiracji:
http://similardiversity.net/
http://blog.blprnt.com/blog/blprnt/just-landed-process...
http://projects.zumkuckuck.com/realtime/
Link do wypowiedziLink
Marcin Kapusta

Marcin Kapusta iOS
Developer/Software
Developer/Music
Producer

Temat: Prośba do front end developerów o poradę na temat...

Maciej Stankiewicz:
Wydaje mi sie, ze w Twoim przypadku jest to pytanie do ludzi zajmujacych sie wizualizacja danych.

Dokładnie - trafiłeś w sedno. Chodzi mi o pomysły jak to wizualizować, żeby można było wyświetlić na stronie internetowej i żeby działało ładnie na urządzeniach mobilnych i zwykłych komputerach.
Jak bedziesz wiedziaj, w jakiej formie zaprezentowac swoje dane, realizacja pomyslu bedzie juz prosta.

Bardzo mi się podoba ten typ wizualizacji:
http://projects.zumkuckuck.com/realtime/

Są to jednak wizualizacje bardzo kosztowne obliczeniowo. Ja bym chciał, żeby na stronie była wizualizacja w czasie rzeczywistym, na mapie Google lub ewentualnie mógłbym pokusić się o rozwiązanie typu: generowanie co jakieś 10 minut w Cronie jakimś cudownym sposobem obrazu Europy z połączeniami, a na stronie wyświetlać to tylko jako obrazek. Ale wtedy nie dało by się na połączenie kliknąć, wybrać miejscowości (strata na interaktywności).

Czy znacie kogoś kto zajmuje się opracowywaniem takich wizualizacji?
Link do wypowiedziLink
Marcin Kapusta

Marcin Kapusta iOS
Developer/Software
Developer/Music
Producer

Temat: Prośba do front end developerów o poradę na temat...

Po kilku dniach męczenia zrobiłem taką wizualizację połączeń
http://edojazd.pl/utility/generateplace

Czy ktoś z Was może sprawdzić jeśli ma jakieś lepsze urządzenie mobilne z androidem czy jakiegoś IPhone'a czy działa ta wizualizacja na tych urządzeniach?

Na razie jest bez podkładu mapowego, ale idea jest taka, że jak ktoś kliknie na miasto to pojawi mu się taka pajęczyna i każde odnóże symbolizuje połączenie z tego klikniętego miejsca. Im grubsza linia tym więcej jest ogłoszeń na danym połączeniu.
Link do wypowiedziLink

konto usunięte

Temat: Prośba do front end developerów o poradę na temat...

Na dżindżerbredzie (2.3) się rysuje.
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

Looking for Senior Front-En...




Wyślij zaproszenie do
Anuluj