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.
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.
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.
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.
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.
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.
