Exemplos e algoritmos de animação de Openlayers


57

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.

i2map

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.

timelien

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 do tempo

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.

bikeshare

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.

raphael

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.

filtro


1
RaphaëlJS e OpenLayers @Aragon ligação quebrada
kinkajou

Respostas:


6

O GeoNode é uma plataforma que combina diferentes projetos de código aberto (Django, GeoExt, OpenLayers, GeoWebCache, GeoServer, GeoNetwork) para o gerenciamento e publicação de dados geoespaciais.

Por exemplo, usado pelo Mapstory, que oferece infraestrutura para mapas animados com uma perspectiva histórica:

insira a descrição da imagem aqui



0

Aragon, os exemplos que você aponta são realmente bons.

Eu usei o OpenLayers para algumas animações, mas o principal problema é que não há uma "maneira padrão" de fazer isso, porque não há uma maneira padrão de modelar o tempo com os recursos.

Para dados rasterizados, é fácil criar uma camada para cada instante concreto de tempo e gerenciar qual camada deve estar visível em cada etapa da animação.

Para dados vetoriais, as coisas são mais complicadas, não apenas como modelar recursos, dados e tempo, mas também como visualizá-los. Você pode precisar de muitos efeitos e animações, dependendo do tipo de dados.

Felicidades.


2
hmmmm, isso é uma resposta? soa mais como um comentário. poderia se tornar uma resposta se você publicasse exemplos "fáceis" e "complicados".
gil Tony
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.