Hace tiempo que me pregunto si la gente de esta comunidad utiliza openlayers para sus 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 las cosas buenas van a salir.
¿Conoces algunas buenas páginas web o algoritmos de animación compatibles con openlayers?
Esto es lo que sé sobre la animación, algunos códigos y ejemplos. Por favor, comparta sus conocimientos sobre la animación con openlayers para las personas que necesitan esto...
El código javascript básico para añadir 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 conocimientos a partir de datos espacio-temporales y la visualización orientada a la web. La biblioteca de Javascript se utiliza para construir la interfaz de usuario interactiva, y está construida sobre OpenLayers.
Línea de tiempo de OpenLayers
es una biblioteca sencilla para crear un mapa relacionado con el tiempo con OpenLayers. Soporta la estrategia de cluster (OpenLayers.Strategy.Cluster) y el filtrado de tiempo. Actualmente soporta datos de origen en formato GeoJSON o GeoRSS.
Mapa del tiempo.js
es una biblioteca de Javascript para ayudar a utilizar los mapas en línea, incluyendo Google, OpenLayers y Bing, con una línea de tiempo SIMILAR. La biblioteca permite cargar uno o más conjuntos de datos en JSON, KML o GeoRSS en un mapa y en una línea de tiempo simultáneamente. Por defecto, sólo se muestran en el mapa los elementos que se encuentran en el rango visible de la línea de tiempo.
Mapa del Bike Share
Los datos se actualizan automáticamente cada 2-20 minutos desde el sitio web del proveedor. El uso de las bicicletas es un uso simultáneo e incluye la redistribución de las mismas. El uso total real a lo largo del día puede ser mucho mayor. Desequilibrio en la distribución: el número de bicicletas que habría que trasladar a un puesto diferente para que todos los puestos estuvieran llenos en el mismo porcentaje. Las cifras más altas indican una distribución más desequilibrada, por ejemplo, muchas bicicletas en el centro y pocas en el borde. Este sitio web puede estar sujeto a interrupciones.
Datos: Página web del proveedor. Datos de mapas: Colaboradores de OpenStreetMap, incluyendo OS Open Data. Alojamiento: UCL. Desarrollado por Mapnik y OpenLayers.
RaphaëlJS y OpenLayers Integración.
RaphaëlJS es una pequeña biblioteca de JavaScript que debería simplificar su trabajo con gráficos vectoriales en la web. Si quieres crear tu propio widget específico de recorte y rotación de gráficos o imágenes, por ejemplo, puedes conseguirlo de forma sencilla y fácil con esta biblioteca.
Estrategia de filtrado de OpenLayers
Este ejemplo utiliza una estrategia de filtrado para limitar las características que se pasan a una capa. Las características vinculadas a esta capa tienen un atributo when con valores de fecha. Se construye una estrategia de filtrado con un filtro between que limita el intervalo de fechas mostrado. Una simple animación recorre el dominio de los valores when, llamando a setFilter en la estrategia con un filtro actualizado.
