htmlcinco

HTML 5, encontrá novedades, tutoriales y traducciones sobre este lenguaje.

Cartagen, mapas vectoriales con el elemento CANVAS en HTML5

Cartagen, mapas vectoriales con el elemento CANVAS en HTML5

Un compañero de trabajo me comentó sobre el proyecto Cartagen hace unos días y me pareció bastante interesante. Cartagen, según su wiki, es:

“Cartagen es un framework o librería para renderizar mapas basados en vectores hecho en HTML5 nativo.Escrito en Javascript, utiliza el nuevo elemento Canvas para cargar los datos del mapa desde varias fuentes, incluyendo OpenStreetMap. Los estilos de los mapas estanhecho con GSS o Geographic Style Sheets (Hojas de Estilo Geográficas), una
especificación de hojas de estilo en cascada para información geoespacial, una decisión que impulsa el conocimiento en CSS para hacer el estilo de mapas más accesible.
Sin Embargo, GSS es un lenguaje de script también, haciendo a Cartagen un framework ideal para mapear datos dinámicos.”

Jeffrey Warren, del MIT, es el creador de este proyecto, su blog, Unterbahn, está muy interesante. También puedes ver otros proyectos en los que Jeffrey participa.

Para ver un ejemplo, puedes entrar al mismo sitio de Cartagen, dónde encontrarás una demostración de la última versión de esta tecnología. En el sitio, también puedes ver y editar el código GSS, con el cual se le da estilo al mapa, también es posible convertir el mapa creado en imagen bitmap.

Cartagen puede ser insertado en una página de tu sitio mediante un iframe: