¿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

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

7

HTML5 Rocks tiene algunos buenos ejemplos interactivos con SVG, Mapping, API y solicitudes de bases de datos.

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

No es un mapa sino SVG, ¡pero sería bueno para el mapeo! http://slides.html5rocks.com/#slide27

— Mapperz
fuente

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.

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

— mike
fuente

3

Mapeo web 3D usando Web GL -

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

Buenos ejemplos y enlaces a kits de herramientas de código abierto de WebGL

— Steve
fuente

3

Prueba Kartograph . Es un programa de dos disparos:

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

— Tony Boyles
fuente

2

También puede encontrar algunos recursos útiles en la conferencia SVGOpen:

— nosolosw
fuente

Verifique aquí: 2004 - SVG como entorno de edición y 2009 - las fortalezas de SVG en el mapeo web

— nosolosw

2

Esri tiene algunos ejemplos de HTML5 en la página de ejemplos de la API de Javascript (seleccione desde la parte inferior del árbol). Hacer uso del almacenamiento local para marcadores es impresionante (al momento de escribir esto).

— Simon
fuente

1

Finales de 2011: http://bl.ocks.org/1392560 (d3 renderizado geojson como un mapa del mundo interactivo y arrastrable svg).

— ecmanaut
fuente

1

http://osmbuildings.org muestra 2.5D con HTML5 y Leaflet que se ve impresionante por los resultados y la velocidad

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