mi chiedo a lungo se le persone in questa comunità usano openlayer per esigenze di animazione. lo sappiamo che l'animazione sul browser è un po 'estenuante, ma quando una mappa incontra l'animazione, credo che le cose buone verranno fuori.
Conosci alcuni buoni siti Web o algoritmi per l'animazione compatibile con gli openlayer?
questi sono ciò che so sull'animazione, alcuni codici ed esempi. condividi le tue conoscenze sull'animazione con openlayer per le persone che hanno bisogno di questo ...
Il codice javascript di base per l'aggiunta di funzionalità sulla mappa con ritardo.
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
è un ambiente di geocomputing. Fornisce un framework di programmazione flessibile per la scoperta della conoscenza da dati spazio-temporali e visualizzazione orientata al web. La libreria Javascript viene utilizzata per creare l'interfaccia utente interattiva ed è costruita su OpenLayers.
Cronologia di OpenLayers
è una semplice libreria per creare una mappa correlata al tempo con OpenLayers. Supporta la strategia del cluster (OpenLayers.Strategy.Cluster) e il filtro del tempo. Attualmente supporta i dati di origine in formato GeoJSON o GeoRSS.
Timemap.js
è una libreria Javascript che consente di utilizzare mappe online, tra cui Google, OpenLayers e Bing, con una linea temporale SIMILE. La libreria consente di caricare uno o più set di dati in JSON, KML o GeoRSS su una mappa e una timeline contemporaneamente. Per impostazione predefinita, sulla mappa vengono visualizzati solo gli elementi nell'intervallo visibile della sequenza temporale.
Bike Share Map
I dati vengono aggiornati automaticamente ogni 2-20 minuti dal sito Web del provider. L'uso della bici è un utilizzo simultaneo e include la ridistribuzione del ciclo. L'utilizzo totale effettivo durante il giorno potrebbe essere molto più elevato. Squilibrio di distribuzione: il numero di cicli che dovrebbero essere spostati in uno stand diverso, affinché tutti gli stand siano pieni dello stesso%. Numeri più alti indicano una distribuzione più sbilanciata, ad esempio molte bici al centro, poche sul bordo. Questo sito Web potrebbe essere soggetto a interruzioni.
Dati: sito Web del fornitore. Dati mappa: collaboratori di OpenStreetMap, inclusi OS Open Data. Hosting: UCL. Realizzato da Mapnik e OpenLayers.
Integrazione RaphaëlJS e OpenLayers .
RaphaëlJS è una piccola libreria JavaScript che dovrebbe semplificare il tuo lavoro con la grafica vettoriale sul web. Se vuoi creare il tuo grafico specifico o ritagliare l'immagine e ruotare il widget, ad esempio, puoi ottenerlo semplicemente e facilmente con questa libreria.
Strategia di filtro OpenLayers
In questo esempio viene utilizzata una strategia di filtro per limitare le funzioni passate a un livello. Le funzioni associate a questo livello hanno un attributo when con valori di data. Una strategia di filtro è costruita con un filtro tra che limita l'intervallo di date visualizzate. Una semplice animazione scorre il dominio dei valori when, chiamando setFilter sulla strategia con un filtro aggiornato.
