¿Cuál es el estado del arte en las aplicaciones geoespaciales html5?

37

Estoy muy interesado en el canvaselemento html5 para mapas; Trabajar como Cartagen de un investigador del MIT Media Lab parece muy prometedor, por ejemplo. Hay algunos trabajos interesantes basados ​​en SVG en carto.net . WebSocketparece una API fantástica para datos geoespaciales en vivo. He realizado algunos experimentos html5, por ejemplo aquí , con datos de Flickr y Picasa. ¿Qué están haciendo las personas con estas nuevas tecnologías o qué has probado?

web-mapping geospatial-pdf bvmou
fuente
Agregando a la lista de ejemplos: rlat.kew.org (a través de fosslc.org/drupal/content/… )
radek
Hay un artículo de acceso abierto en el SIG web de IJHG en series de práctica que cubre HTML5 y Cartagen
radek

Respuestas:

13

OpenLayers puede usar el canvaselemento HTML5 para renderizar .

fmark
fuente
Eso se ve extremadamente útil.
bvmou
2
Además, OpenLayers ha incorporado soporte para tecnologías que no son de Canvas ya disponibles en los navegadores (VML, SVG) y lo ha hecho durante años. En general, apegarse a la 'palabra de moda' HTML5 es saltarse el "¿qué problema estoy resolviendo?" paso de buscar una solución ...
Christopher Schmidt
3
El ejemplo que di requeriría 70,000 nodos dom en svg: es un buen caso de uso para el lienzo. Por cierto, los mismos navegadores que admiten svg también son compatibles con el lienzo. Y si realmente crees que html5 no es más que una palabra de moda vacía, hay muchas otras preguntas para que contribuyas.
bvmou
5

Me gusta mucho este ejemplo que vive la reproyección / deformación de ráster en un html5 canvas.

fmark
fuente
1
parece que el enlace está roto
underdark
El enlace funciona para mí hoy. Sin embargo, es lento y el guión al otro lado no parece hacer nada. Entonces -1 hasta que alguien presente o localice una nueva versión en alguna parte.
Matt Wilkie
4

Verifique también D3 . No es realmente una biblioteca centrada en el geoespacio, pero hay algunos ejemplos con mapas temáticos. Construido en SVG. El mismo autor desarrolló Polymaps.

nosolosw
fuente
4

Eche un vistazo al blog Georelated , que tiene una serie de artículos sobre el estado del arte de la cartografía web. Contiene buenas revisiones de lo que es posible y la tecnología disponible para un mapeo web verdaderamente innovador.

  1. Información sobre Silverlight v flash v html5
  2. Mapeo web 3D basado en navegador
  3. Globos en HTML5
  4. Alternativas a los mapas de imágenes en mosaico y el poder de los vectores
mike
fuente
3

Prueba Kartograph . Es un programa de dos disparos:

  1. Tome algunos datos geoespaciales como un shapefile y ejecútelos a través de Kartograph.py. Eso lo convertirá en un archivo SVG.
  2. Use Kartograph.js para hacerlo bonito en un navegador. Agregue elementos temáticos, animación, fuentes elegantes, etc.
Tony Boyles
fuente
0

Estoy bastante impresionado por el trabajo de MapBox y Leaflet que muestran algunas aplicaciones de mapeo web realmente agradables basadas en tecnología HTML5 y JavaScript. Leaflet es una biblioteca de JavaScript de código abierto para mapas interactivos compatibles con dispositivos móviles.

Chris P
fuente