Openlayers Animationsbeispiele und Algorithmen

57

Ich frage mich schon lange, ob Leute in dieser Community OpenLayer für Animationszwecke verwenden. Wir wissen, dass das Animieren im Browser etwas anstrengend ist, aber wenn eine Karte auf Animation stößt, glaube ich, dass gute Dinge herauskommen werden.

Kennen Sie einige gute Websites oder Algorithmen für Animationen, die mit Openlayern kompatibel sind?

Das sind, was ich über Animation weiß, einige Codes und Beispiele. Bitte teile dein Wissen über Animation mit Openlayern für Leute, die dies brauchen ...

Der grundlegende Javascript-Code zum zeitverzögerten Hinzufügen von Features auf der Karte.

 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

ist eine Geocomputing-Umgebung. Es bietet ein flexibles Programmiergerüst für die Entdeckung von Wissen aus räumlich-zeitlichen Daten und weborientierter Visualisierung. Die Javascript-Bibliothek wird zum Erstellen der interaktiven Benutzeroberfläche verwendet und basiert auf OpenLayers.

i2map

OpenLayers-Zeitachse

ist eine einfache Bibliothek zum Erstellen einer zeitbezogenen Karte mit OpenLayers. Es unterstützt die Clusterstrategie (OpenLayers.Strategy.Cluster) und die Zeitfilterung. Derzeit werden Quelldaten im GeoJSON- oder GeoRSS-Format unterstützt.

timelien

Timemap.js

ist eine Javascript-Bibliothek zur Verwendung von Online-Karten, einschließlich Google, OpenLayers und Bing, mit einer SIMILE-Zeitachse. Mit der Bibliothek können Sie ein oder mehrere Datasets in JSON, KML oder GeoRSS gleichzeitig auf eine Karte und eine Zeitachse laden. Standardmäßig werden nur Elemente im sichtbaren Bereich der Zeitleiste auf der Karte angezeigt.

Zeitkarte

Bike Share Map

Die Daten werden automatisch alle 2-20 Minuten von der Website des Anbieters aktualisiert. Die Fahrradnutzung ist die gleichzeitige Nutzung und beinhaltet die Umverteilung der Fahrräder. Die tatsächliche Gesamtnutzung über den Tag kann viel höher sein. Verteilungsungleichgewicht - Die Anzahl der Zyklen, die auf einen anderen Stand verlegt werden müssten, damit alle Stände zu gleichen Prozent belegt sind. Höhere Zahlen deuten auf eine unausgeglichenere Verteilung hin, z. B. viele Fahrräder in der Mitte, wenige am Rand. Diese Website kann unterbrochen werden.

Daten: Website des Anbieters. Kartendaten: OpenStreetMap-Mitwirkende, einschließlich OS Open Data. Hosting: UCL. Unterstützt von Mapnik und OpenLayers.

Bikeshare

Integration von RaphaëlJS und OpenLayers .

RaphaëlJS ist eine kleine JavaScript-Bibliothek, die Ihre Arbeit mit Vektorgrafiken im Web vereinfachen soll. Wenn Sie beispielsweise ein spezielles Diagramm oder einen Bildausschnitt erstellen und das Widget drehen möchten, können Sie dies einfach und problemlos mit dieser Bibliothek erreichen.

Raffael

OpenLayers Filterstrategie

In diesem Beispiel wird eine Filterstrategie verwendet, um die Features zu begrenzen, die an einen Layer übergeben werden. Features, die für diesen Layer gebunden sind, haben ein when-Attribut mit Datumswerten. Eine Filterstrategie besteht aus einem Zwischenfilter, der die angezeigte Zeitspanne begrenzt. Eine einfache Animation durchläuft die Domäne der when-Werte und ruft setFilter für die Strategie mit einem aktualisierten Filter auf.

Filter

Aragon
quelle
1
RaphaëlJS und OpenLayers @Aragon Link unterbrochen
kinkajou

Antworten:

6

GeoNode ist eine Plattform, die verschiedene Open Source-Projekte (Django, GeoExt, OpenLayers, GeoWebCache, GeoServer, GeoNetwork) zur Verwaltung und Veröffentlichung von Geodaten kombiniert.

ZB verwendet von Mapstory, das eine Infrastruktur für animierte Karten mit historischer Perspektive bietet:

Bildbeschreibung hier eingeben

unterdunkelt
quelle
0

Aragon die Beispiele, die Sie zeigen, sind wirklich nett.

Ich habe OpenLayers für einige Animationen verwendet, aber das Hauptproblem ist, dass es keine "Standardmethode" gibt, da es keine Standardmethode gibt, um die Zeit mit Features zu modellieren.

Für Rasterdaten ist es einfach, für jeden konkreten Zeitpunkt eine Ebene zu erstellen und zu verwalten, welche Ebene in jedem Animationsschritt sichtbar sein muss.

Bei Vektordaten ist es komplizierter, Merkmale, Daten und Zeit nicht nur zu modellieren, sondern auch zu visualisieren. Es gibt viele Effekte und Animationen, die Sie je nach Art der Daten benötigen können.

Prost.

EricSonaron
quelle
2
Hmmmm, ist das eine Antwort? klingt eher nach einem Kommentar. Es könnte zu einer Antwort werden, wenn Sie "einfache" und "komplizierte" Beispiele veröffentlichen.
Tony Gil