Openlayers Animation Exemples et algorithmes


57

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.

i2map

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.

timelien

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.

timemap

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.

bikeshare

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.

raphael

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.

filtre


1
Lien RaphaëlJS et OpenLayers @Aragon cassé
kinkajou

Réponses:


6

GeoNode est une plateforme combinant différents projets Open Source (Django, GeoExt, OpenLayers, GeoWebCache, GeoServer, GeoNetwork) pour la gestion et la publication de données géospatiales.

Par exemple utilisé par Mapstory qui offre une infrastructure pour les cartes animées avec une perspective historique:

entrez la description de l'image ici



0

Aragon, les exemples que vous citez sont vraiment sympas.

J'ai utilisé OpenLayers pour certaines animations, mais le problème principal est qu'il n'existe pas de "méthode standard", car il n'existe pas de méthode standard pour modéliser l'heure avec des fonctionnalités.

Pour les données raster, il est facile de créer un calque pour chaque instant concret et de déterminer quel calque doit être visible à chaque étape de l'animation.

Pour les données vectorielles, les choses sont plus compliquées, non seulement comment modéliser les caractéristiques, les données et l'heure, mais aussi comment les visualiser. Il existe de nombreux effets et animations dont vous pouvez avoir besoin en fonction du type de données.

À votre santé.


2
hmmmm, est-ce une réponse? sonne plus comme un commentaire. cela pourrait devenir une réponse si vous publiez des exemples "faciles" et "compliqués".
tony gil
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.