Je me demande depuis longtemps si les gens de cette communauté utilisent des openlayers pour leurs besoins en animation. Nous savons que l'animation sur un navigateur est un peu épuisant, mais quand une carte rencontre l'animation, je crois que de bonnes choses vont sortir.
Connaissez-vous de bons sites Web ou algorithmes d’animation compatibles avec les Openlayers?
Ce sont ce que je sais sur l'animation, des codes et des exemples. les pls partagent vos connaissances sur l'animation avec des openlayers pour les personnes qui en ont besoin ...
Le code JavaScript de base pour ajouter des fonctionnalités sur la carte avec un délai.
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
est un environnement de géocomputing. Il fournit un cadre de programmation flexible pour la découverte des connaissances à partir de données spatio-temporelles et de la visualisation Web. La bibliothèque Javascript est utilisée pour la construction de l'interface utilisateur interactive et est construite sur OpenLayers.
Calendrier OpenLayers
est une simple bibliothèque permettant de créer une carte temporelle avec OpenLayers. Il prend en charge la stratégie de grappe (OpenLayers.Strategy.Cluster) et le filtrage temporel. Actuellement, il prend en charge les données source au format GeoJSON ou GeoRSS.
Timemap.js
est une bibliothèque Javascript pour vous aider à utiliser les cartes en ligne, notamment Google, OpenLayers et Bing, avec une timeline SIMILE. La bibliothèque vous permet de charger simultanément un ou plusieurs jeux de données au format JSON, KML ou GeoRSS sur une carte et sur une timeline. Par défaut, seuls les éléments de la plage visible de la timeline sont affichés sur la carte.
Carte de partage de vélo
Les données sont mises à jour automatiquement toutes les 2 à 20 minutes à partir du site Web du fournisseur. L'utilisation du vélo est l'utilisation simultanée et inclut la redistribution du cycle. L'utilisation totale réelle au cours de la journée peut être beaucoup plus élevée. Déséquilibre de distribution - nombre de cycles devant être déplacés vers un support différent, afin que tous les stands soient remplis à parts égales. Des chiffres plus élevés indiquent une distribution plus déséquilibrée, par exemple beaucoup de vélos au centre, peu sur le bord. Ce site Web peut être sujet à une interruption.
Données: site Web du fournisseur. Données cartographiques: contributeurs OpenStreetMap, y compris OS Open Data. Hébergement: UCL. Propulsé par Mapnik et OpenLayers.
Intégration RaphaëlJS et OpenLayers .
RaphaëlJS est une petite bibliothèque JavaScript qui devrait simplifier votre travail avec les graphiques vectoriels sur le Web. Par exemple, si vous souhaitez créer votre propre graphique spécifique ou recadrer une image et faire pivoter un widget, vous pouvez le réaliser simplement et facilement avec cette bibliothèque.
Stratégie de filtrage OpenLayers
Cet exemple utilise une stratégie de filtrage pour limiter les entités transmises à une couche. Les entités liées à cette couche ont un attribut when avec des valeurs de date. Une stratégie de filtre est construite avec un filtre entre deux qui limite la plage de dates affichée. Une animation simple parcourt le domaine des valeurs when, appelant setFilter sur la stratégie avec un filtre mis à jour.