Me pregunto por mucho tiempo si las personas en esta comunidad usan capas abiertas para las necesidades de animación. sabemos que animar en el navegador es un poco agotador, pero cuando un mapa se encuentra con la animación, creo que saldrán cosas buenas.

¿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. comparte tus conocimientos sobre animación con capas abiertas para las personas que lo necesitan ...

El código básico de JavaScript para agregar características 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 visualización orientada a la web. La biblioteca 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. Es compatible con 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 Javascript para ayudar a usar mapas en línea, incluidos Google, OpenLayers y Bing, con una línea de tiempo SIMILAR. 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 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 distribución: el número de ciclos que necesitarían trasladarse a un stand diferente para que todos los stands tengan el mismo% de llenado. 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: contribuyentes de OpenStreetMap, incluidos los datos abiertos del sistema operativo. Hosting: UCL. Desarrollado por Mapnik y OpenLayers.

RaphaëlJS y OpenLayers Integration.

RaphaëlJS es una pequeña biblioteca de JavaScript que debería simplificar su trabajo con gráficos vectoriales en la web. Si desea crear su propio gráfico específico o recorte de imagen y girar el widget, por ejemplo, puede lograrlo simple y fácilmente con esta biblioteca.

Estrategia de filtro de OpenLayers

Este ejemplo utiliza una estrategia de filtro para limitar las entidades que se pasan a una capa. Las entidades vinculadas para esta capa tienen un atributo when con valores de fecha. Una estrategia de filtro se construye con un filtro intermedio que limita la duración de las fechas que se muestran. Una animación simple recorre el dominio de los valores when, llamando a setFilter en la estrategia con un filtro actualizado.

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, usado por Mapstory que ofrece infraestructura para mapas animados con una perspectiva histórica:

Otro ejemplo es un complemento de Openlayers TimeManager de https://github.com/mpriour/TimeManager_OpenLayers-Addin

http://mpriour.github.com/openlayers/examples/wmst-auto.html

http://dev.openlayers.org/sandbox/mpriour/temporal_map/openlayers/examples/wmst.html

http://dev.openlayers.org/sandbox/mpriour/temporal_map/openlayers/examples/time-control.html

Aragón, los ejemplos que señalas son realmente agradables.

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

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

Para los datos vectoriales, las cosas son más complicadas, no solo cómo modelar características, datos y tiempo, sino también cómo visualizarlas. Hay muchos efectos y animaciones que puede necesitar según el tipo de datos.

Salud.