Rendering local shapefiles with HTML5

Thanks to Tom Carden's javascript functions from his shapefile-js project and the new HTML5 local file access API, it is very easy to load and render any shapefile stored in the client's device.

You can test it here.

If you don't have a shapefile close at hand, get one of these: [China], [Europe], [South America], [United States].

Comments:

  • I have only tested it on Windows 7 + Google Chrome v. 15.x and Mozilla Firefox 8. I'm curious to see if it works on smartphones.
  • Choose a line or polygon SHP file (not a very big one).

Imagen de jsanz

Wow Juan Lucas, that's

Wow Juan Lucas, that's really interesting.

It works perfectly on Firefox on my Linux box with a 2MB shp.

And also quite fast with

And also quite fast with medium size shapes. What bother me is that Java -unlike C++/Qt with webkit renderer engine- has not good support for HTML5/Javascript (AFAIK there is not a mature widget working clossplatform). Wouldn't be nice to have a preview of your shapes in gvSIG before loading them? That would be utterly easy with good HTML5/Javascript support :)

Ubuntu 11.04 + Chromium

Ubuntu 11.04 + Chromium 15.0.874.106

Lo he probado con un shape de 88MB y 37000 features. Es muy rápido. Buen trabajo.

Imagen de mmontesinos

Miguel Montesinos Hi

Miguel Montesinos

Hi Juan,

the speed is really impressive! even with a 6 MB polygon shapefile (on Chrome).

Nice job, Juan Lucas. It

Nice job, Juan Lucas. It works like a charm!
Cheers,
Antonio

Wow, it's very nice, great

Wow, it's very nice, great job!

Victor

Opciones de visualización de comentarios

Seleccione la forma que prefiera para mostrar los comentarios y haga clic en «Guardar las opciones» para activar los cambios.

Enviar un comentario nuevo

El contenido de este campo se mantiene como privado y no se muestra públicamente.
  • Las direcciones de las páginas web y las de correo se convierten en enlaces automáticamente.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <span> <img>
  • Saltos automáticos de líneas y de párrafos.
  • Each email address will be obfuscated in a human readble fashion or (if JavaScript is enabled) replaced with a spamproof clickable link.

Más información sobre opciones de formato

Distribuir contenido