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.
