Pergunto-me há muito tempo se as pessoas nesta comunidade usam openlayers para necessidades de animação. sabemos que a animação no navegador é um pouco cansativa para ele, mas quando um mapa se encontra com animação, acredito que coisas boas estarão por vir.
Você conhece alguns bons sites ou algoritmos para animação compatíveis com openlayers?
estes são o que eu sei sobre animação, alguns códigos e exemplos. pls compartilhe seu conhecimento sobre animação com os openlayers para pessoas que precisam disso ...
O código javascript básico para adicionar recursos no mapa com atraso de tempo.
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
é um ambiente de geocomputação. Ele fornece uma estrutura de programação flexível para a descoberta de conhecimento a partir de dados espaço-temporais e visualização orientada à Web. A biblioteca Javascript é usada para criar a interface interativa do usuário e é construída sobre o OpenLayers.
Linha do tempo do OpenLayers
é uma biblioteca simples para criar um mapa relacionado ao tempo com o OpenLayers. Ele suporta estratégia de cluster (OpenLayers.Strategy.Cluster) e filtragem de tempo. Atualmente, ele suporta dados de origem no formato GeoJSON ou GeoRSS.
Timemap.js
é uma biblioteca Javascript para ajudar a usar mapas online, incluindo Google, OpenLayers e Bing, com uma linha do tempo SIMILE. A biblioteca permite carregar um ou mais conjuntos de dados em JSON, KML ou GeoRSS em um mapa e em uma linha do tempo simultaneamente. Por padrão, apenas itens no intervalo visível da linha do tempo são exibidos no mapa.
Mapa de compartilhamento de bicicleta
Os dados são atualizados automaticamente a cada 2-20 minutos no site do fornecedor. O uso da bicicleta é simultâneo e inclui redistribuição de ciclo. O uso total real ao longo do dia pode ser muito maior. Desequilíbrio de distribuição - o número de ciclos que precisariam ser movidos para um estande diferente, para que todos os estandes tenham a mesma% de preenchimento. Números mais altos indicam uma distribuição mais desequilibrada, por exemplo, muitas bicicletas no centro, poucas na borda. Este site pode estar sujeito a interrupção.
Dados: site do fornecedor. Dados do mapa: colaboradores do OpenStreetMap, incluindo OS Open Data. Hospedagem: UCL. Desenvolvido por Mapnik e OpenLayers.
Integração RaphaëlJS e OpenLayers .
O RaphaëlJS é uma pequena biblioteca JavaScript que deve simplificar seu trabalho com gráficos vetoriais na Web. Se você deseja criar seu próprio gráfico específico ou widget de corte e rotação de imagem, por exemplo, é possível alcançá-lo de maneira simples e fácil com esta biblioteca.
Estratégia de filtro OpenLayers
Este exemplo usa uma estratégia de filtro para limitar os recursos que são passados para uma camada. Os recursos vinculados a essa camada têm um atributo when com valores de data. Uma estratégia de filtro é construída com um filtro entre que limita o período de datas mostrado. Uma animação simples percorre o domínio dos valores when, chamando setFilter na estratégia com um filtro atualizado.
