Rendering local shapefiles with HTML5

Sun, 11/12/2011 - 19:18 — jldominguez

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).

jldominguez's blog

Wow Juan Lucas, that's

Sun, 11/12/2011 - 19:43 — jsanz

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

Mon, 12/12/2011 - 09:18 — Andrés (not verified)

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

Mon, 12/12/2011 - 12:13 — fpuga (not verified)

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.

Miguel Montesinos Hi

Mon, 12/12/2011 - 12:16 — mmontesinos

Miguel Montesinos

Hi Juan,

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

Nice job, Juan Lucas. It

Mon, 12/12/2011 - 13:24 — Antonio Falciano (not verified)

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

Wow, it's very nice, great

Thu, 15/12/2011 - 13:31 — Victor Centella (not verified)

Wow, it's very nice, great job!

Victor

Contents