zastanawiam się przez długi czas, czy ludzie w tej społeczności używają openlayerów do potrzeb animacji. wiemy, że animacja w przeglądarce jest trochę męcząca, ale kiedy mapa spotka się z animacją, wierzę, że dobre rzeczy wyjdą na jaw.
Czy znasz jakieś dobre strony lub algorytmy animacji kompatybilne z openlayerami?
oto, co wiem na temat animacji, niektórych kodów i przykładów. proszę, podziel się swoją wiedzą na temat animacji z openlayerami dla osób, które tego potrzebują ...
Podstawowy kod javascript do dodawania obiektów na mapie z opóźnieniem czasowym.
time = 0;
for (var i = 0; i < 5; i++) {
time += 1000;
setTimeout(function(j) {
return function() {
console.log("var is now", j);
}
}(i), time);
}
i2maps
to środowisko geokomputerowe. Zapewnia elastyczne ramy programistyczne do odkrywania wiedzy z danych czasoprzestrzennych i wizualizacji zorientowanej na sieć. Biblioteka JavaScript służy do budowania interaktywnego interfejsu użytkownika i jest oparta na OpenLayers.
Oś czasu OpenLayers
to prosta biblioteka do tworzenia mapy związanej z czasem w OpenLayers. Obsługuje strategię klastrową (OpenLayers.Strategy.Cluster) i filtrowanie czasu. Obecnie obsługuje dane źródłowe w formacie GeoJSON lub GeoRSS.
Timemap.js
jest biblioteką JavaScript, która pomaga w korzystaniu z map online, w tym Google, OpenLayers i Bing, z osią czasu SIMILE. Biblioteka umożliwia jednoczesne ładowanie jednego lub większej liczby zestawów danych w JSON, KML lub GeoRSS zarówno na mapie, jak i na osi czasu. Domyślnie na mapie są wyświetlane tylko elementy w widocznym zakresie osi czasu.
Mapa udostępniania rowerów
Dane są aktualizowane automatycznie co 2-20 minut ze strony internetowej dostawcy. Korzystanie z roweru jest równoczesne i obejmuje redystrybucję cyklu. Rzeczywiste całkowite wykorzystanie w ciągu dnia może być znacznie wyższe. Niezrównoważenie dystrybucji - liczba cykli, które należałoby przenieść na inne stanowisko, aby wszystkie stanowiska były w tym samym%% pełne. Wyższe liczby wskazują na bardziej niezrównoważony rozkład, np. Wiele motocykli w środku, kilka na krawędzi. Ta strona internetowa może być przerywana.
Dane: strona internetowa dostawcy. Dane mapy: autorzy OpenStreetMap, w tym otwarte dane systemu operacyjnego. Prowadzenie: UCL. Obsługiwane przez Mapnik i OpenLayers.
Integracja RaphaëlJS i OpenLayers .
RaphaëlJS to mała biblioteka JavaScript, która powinna uprościć pracę z grafiką wektorową w Internecie. Jeśli na przykład chcesz utworzyć własny wykres lub przycinanie obrazu i obracać widżet, możesz to łatwo i łatwo osiągnąć dzięki tej bibliotece.
Strategia filtrowania OpenLayers
W tym przykładzie zastosowano strategię filtrowania w celu ograniczenia funkcji przekazywanych do warstwy. Funkcje związane z tą warstwą mają atrybut when z wartościami daty. Strategia filtrowania jest zbudowana z filtrem pomiędzy, który ogranicza zakres wyświetlanych dat. Prosta animacja przechodzi przez domenę wartości when, wywołując setFilter w strategii ze zaktualizowanym filtrem.
Odpowiedzi:
GeoNode to platforma łącząca różne projekty open source (Django, GeoExt, OpenLayers, GeoWebCache, GeoServer, GeoNetwork) do zarządzania i publikacji danych geoprzestrzennych.
Używany np. Przez Mapstory, który oferuje infrastrukturę dla animowanych map z historyczną perspektywą:
źródło
Innym przykładem jest plugin Openlayers TimeManager z https://github.com/mpriour/TimeManager_OpenLayers-Addin
http://mpriour.github.com/openlayers/examples/wmst-auto.html
http://dev.openlayers.org/sandbox/mpriour/temporal_map/openlayers/examples/wmst.html
http://dev.openlayers.org/sandbox/mpriour/temporal_map/openlayers/examples/time-control.html
źródło
Aragon, przykłady, które wskazałeś, są naprawdę fajne.
Użyłem OpenLayers do niektórych animacji, ale głównym problemem jest to, że nie ma „standardowego sposobu” na to, ponieważ nie ma standardowego sposobu modelowania czasu za pomocą funkcji.
W przypadku danych rastrowych łatwo jest utworzyć warstwę dla każdej konkretnej chwili i zarządzać, która warstwa musi być widoczna na każdym etapie animacji.
W przypadku danych wektorowych rzeczy są bardziej skomplikowane, nie tylko sposób modelowania operacji, danych i czasu, ale także sposób ich wizualizacji. Istnieje wiele efektów i animacji, których możesz potrzebować w zależności od rodzaju danych.
Twoje zdrowie.
źródło