Qual é o estado da arte nas aplicações geoespaciais html5?

37

Estou muito interessado no canvaselemento html5 para mapas; trabalhar como Cartagen de um pesquisador do MIT Media Lab parece muito promissor, por exemplo. Há algum trabalho interessante baseado em SVG em carto.net . WebSocketparece uma API fantástica para dados geoespaciais ao vivo. Fiz algumas experiências html5, por exemplo , aqui , com dados do Flickr e do Picasa. O que as pessoas estão fazendo com essas novas tecnologias ou o que você tentou?

bvmou
fonte
Adicionando à lista de exemplos: rlat.kew.org (via fosslc.org/drupal/content/… )
radek
Existe um artigo de acesso aberto na série Web GIS na prática da
IJHG

Respostas:

13

Os OpenLayers podem usar o canvaselemento HTML5 para renderização .

fmark
fonte
Isso parece extremamente útil.
bvmou
2
Além disso, o OpenLayers oferece suporte para tecnologias que não são do Canvas, já disponíveis em navegadores - VML, SVG - e existem há anos. Em geral, aderir à palavra-chave do HTML5 está pulando a mensagem "que problema estou resolvendo?" passo de procurar uma solução ...
Christopher Schmidt
3
O exemplo que eu dei requereria 70.000 nós dom em svg - é um bom caso de uso para canvas. Aliás, exatamente os mesmos navegadores que suportam svg também suportam canvas. E se você acha que o html5 nada mais é do que um chavão vazio, há muitas outras perguntas para você contribuir.
bvmou
5

Eu gosto bastante deste exemplo que vive reprojeção / distorção de varredura em um html5 canvas.

fmark
fonte
11
parece que o link está quebrado
underdark
O link funciona para mim hoje. É lento, porém, e o script do outro lado parece não fazer nada. Então, -1 até que alguém coloque ou localize uma nova versão em algum lugar.
27512 Marte
4

Veja também D3 . Não é realmente uma biblioteca com foco geoespacial, mas há alguns exemplos com mapas temáticos. Construído em SVG. O mesmo autor desenvolveu Polymaps.

nosolosw
fonte
4

Dê uma olhada no blog Georelated , que possui uma série de artigos sobre o estado da arte do mapeamento da web. Ele contém ótimas críticas sobre o que é possível e a tecnologia disponível para um mapeamento da web verdadeiramente inovador.

  1. Informações sobre o Silverlight v flash v html5
  2. Mapeamento 3D baseado em navegador
  3. Globos em HTML5
  4. Alternativas aos mapas de imagem lado a lado e o poder dos vetores
microfone
fonte
3

Experimente o Kartograph . É um programa de duas tomadas:

  1. Pegue alguns dados geoespaciais como um shapefile e execute-o no Kartograph.py. Isso o transformará em um arquivo SVG.
  2. Use o Kartograph.js para torná-lo bonito em um navegador. Adicione elementos temáticos, animação, fontes sofisticadas, etc ...
Tony Boyles
fonte
1

Final de 2011: http://bl.ocks.org/1392560 (d3 renderizando geojson como um svg interativo e arrastável do mapa-múndi).

ecmanaut
fonte
0

Estou bastante impressionado com o trabalho do MapBox e do Leaflet, que mostram alguns aplicativos de mapeamento da Web realmente agradáveis, baseados nas tecnologias HTML5 e JavaScript. O Leaflet é uma biblioteca JavaScript de código aberto para mapas interativos compatíveis com dispositivos móveis.

Chris P
fonte