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?

web-mapping geospatial-pdf

— 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

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

7

O HTML5 Rocks tem alguns bons exemplos interativos com solicitações SVG, Mapeamento, API e Banco de Dados.

http://slides.html5rocks.com/#slide10 http://slides.html5rocks.com/#slide14

Não é um mapa, mas SVG - mas seria bom para mapeamento! http://slides.html5rocks.com/#slide27

— Mapperz
fonte

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.

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

— microfone
fonte

3

Mapeamento 3D da Web usando o Web GL -

http://www.georelated.com/2011/10/rise-of-globe-in-web-mapping.html

Bons exemplos e links para kits de ferramentas de código-fonte aberto WebGL

— Steve
fonte

3

Experimente o Kartograph . É um programa de duas tomadas:

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

— Tony Boyles
fonte

2

Você também pode encontrar alguns recursos úteis na conferência SVGOpen:

— nosolosw
fonte

Confira mais velhos aqui: 2004 - SVG como editar ambiente e 2009 - os pontos fortes de SVG em webmapping

— nosolosw

2

A Esri possui algumas amostras de HTML5 na página de amostras da API Javascript (selecione na parte inferior da árvore). Fazer uso do armazenamento local para marcadores é impressionante (no momento em que escrevemos isso).

— Simon
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

1

http://osmbuildings.org exibe 2.5D com HTML5 e Leaflet, que parece impressionante por resultados e velocidade

— Mapper
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