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.
