Ejemplos y algoritmos de animación de Openlayers

56

Me pregunto durante mucho tiempo si las personas de esta comunidad utilizan Openlayers para las necesidades de animación. Sabemos que la animación en el navegador es un poco agotadora, pero cuando un mapa se encuentra con la animación, creo que las cosas buenas estarán fuera.

¿Conoces algunos buenos sitios web o algoritmos de animación compatibles con Openlayers?

Esto es lo que sé sobre animación, algunos códigos y ejemplos. Por favor comparta sus conocimientos sobre animación con openlayers para las personas que necesitan esto ...

El código javascript básico para agregar funciones en el mapa con retraso de tiempo ..

 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

es un entorno de geocomputación. Proporciona un marco de programación flexible para el descubrimiento de conocimiento a partir de datos espacio-temporales y la visualización orientada a la web. La biblioteca de Javascript se usa para construir la interfaz de usuario interactiva, y está construida sobre OpenLayers.

Cronología de OpenLayers

es una biblioteca simple para crear un mapa relacionado con el tiempo con OpenLayers. Admite la estrategia de clúster (OpenLayers.Strategy.Cluster) y el filtrado de tiempo. Actualmente admite datos de origen en formato GeoJSON o GeoRSS.

Timemap.js

es una biblioteca de Javascript para ayudar a usar los mapas en línea, incluidos Google, OpenLayers y Bing, con una línea de tiempo SIMILE. La biblioteca le permite cargar uno o más conjuntos de datos en JSON, KML o GeoRSS en un mapa y una línea de tiempo simultáneamente. De forma predeterminada, solo los elementos en el rango visible de la línea de tiempo se muestran en el mapa.

Mapa de bicicletas compartidas

Los datos se actualizan automáticamente cada 2-20 minutos desde el sitio web del proveedor. El uso de la bicicleta es uso simultáneo e incluye la redistribución del ciclo. El uso total real a lo largo del día puede ser mucho mayor. Desequilibrio de la distribución: la cantidad de ciclos que se deberían mover a una posición diferente, para que todas las posiciones tengan el mismo% de lleno. Los números más altos indican una distribución más desequilibrada, por ejemplo, Muchas bicicletas en el centro, pocas en el borde. Este sitio web puede estar sujeto a interrupción.

Datos: sitio web del proveedor. Datos del mapa: colaboradores de OpenStreetMap, incluidos los datos abiertos del SO. Alojamiento: UCL. Desarrollado por Mapnik y OpenLayers.

Integración de RaphaëlJS y OpenLayers .

RaphaëlJS es una pequeña biblioteca de JavaScript que debería simplificar su trabajo con gráficos vectoriales en la web. Por ejemplo, si desea crear su propio gráfico o imagen, recorte y gire el widget de rotación, puede lograrlo de manera simple y fácil con esta biblioteca.

EstrategiadefiltrodeOpenLayers

Este ejemplo utiliza una estrategia de filtro para limitar las funciones que se pasan a una capa. Las características vinculadas a esta capa tienen un atributo when con valores de fecha. Una estrategia de filtro se construye con un filtro entre que limita el intervalo de fechas que se muestra. Una animación simple recorre el dominio de los valores de When, llamando a setFilter en la estrategia con un filtro actualizado.

    
pregunta Aragon 14.08.2012 - 11:30

3 respuestas

6

GeoNode es una plataforma que combina diferentes proyectos de código abierto (Django, GeoExt, OpenLayers, GeoWebCache, GeoServer, GeoNetwork) para la gestión y publicación de datos geoespaciales.

Por ejemplo, utilizado por Mapstory que ofrece infraestructura para mapas animados con una perspectiva histórica:

    
respondido por el underdark 22.03.2016 - 11:36
2

Otro ejemplo es un complemento de Openlayers TimeManager de enlace

enlace

enlace

enlace

    
respondido por el Dave X 01.03.2013 - 22:25
0

Aragon Los ejemplos que señala son muy buenos.

He usado OpenLayers para algunas animaciones, pero el problema principal es que no hay una "forma estándar" de hacerlo porque no hay una manera estándar de modelar el tiempo con características.

Para los datos ráster, es fácil crear una capa para cada instante concreto de tiempo y administrar qué capa debe estar visible en cada paso de la animación.

Para datos vectoriales, las cosas son más complicadas, no solo cómo modelar características, datos y tiempo, sino también cómo visualizarlos. Hay muchos efectos y animaciones que puedes necesitar dependiendo del tipo de datos.

Saludos.

    
respondido por el EricSonaron 03.06.2012 - 14:53

Lea otras preguntas en las etiquetas