1
0
mirror of https://github.com/wavded/js-shapefile-to-geojson synced 2024-11-23 06:24:55 +00:00
Convert Shapfiles and DBF to GeoJSON using JavaScript http://wavded.github.com/js-shapefile-to-geojson/
Go to file
Chad Burt 825ce8af25 Fixed support for Point datasets
While some support existed, an attempt was being
made to create an unnecessary(?) bounding box for
each point feature. Also swapped access of the x,y
coordinates from record.geometry.x|y to record.x|y.
2013-09-09 15:45:38 -07:00
testdata !-fixed issue w/ polygon holes, new testdata 2010-08-14 13:20:00 -05:00
dbf.js *-initial commit 2010-07-30 17:25:21 -05:00
index.html added github fork 2011-05-04 12:21:54 -05:00
readme.md updated; code samples 2013-08-26 16:58:35 -05:00
shapefile.js Fixed support for Point datasets 2013-09-09 15:45:38 -07:00
stream.js *-initial commit 2010-07-30 17:25:21 -05:00

This project allows a user to load Shapefiles and DBFs into the browser with JavaScript. Outputs as GeoJSON for use with other Mapping APIs such as OpenLayers.

Inspired by the excellent work by Tom Carden (http://github.com/RandomEtc/shapefile-js/).

Overview

I just got this out there so nothing is minified. See index.html for an example of order. All files need to be in the same directory. This will use Web Workers if the browser support exists. Not recommended for large files, more of an experiment than anything.

Running the Example

Host the files (example won't run off disk, needs to be ran on a web server), a simple way to do this is run the following command in the project root:

python -m SimpleHTTPServer

And visit http://localhost:8000 in your favorite browser.

Usage

You can use it to parse shapefiles (.shp) or dBase files (.dbf) or both. Here are some examples.

Load Shapefile Only

new Shapefile("myshapefile.shp", function (data) {
    // data returned
});

Load DBF Only

new DBF("mydbf.dbf", function (data) {
    // data returned
});

Load Shapefile w/ DBF Attributes

new Shapefile({
    shp: "myshape.shp",
    dbf: "myshape.dbf"
}, function (data) {
    // data returned
});

Use with OpenLayers

var parser = new OpenLayer.Format.GeoJSON(),
    features;

new Shapefile({
    shp: "myshape.shp",
    dbf: "myshape.dbf"
}, function (data) {
    features = parser.read(data.geojson);
});

Resources

I used the technical descriptions found here to parse the binary:

ESRI Shapefile Technical Description - PDF

dBase (Xbase) File Format Description

Future

I plan to implement (time permitting) some custom renderers like SVG or Canvas (besides using OpenLayers) to improve the speed.

Feel free to hack at this, submit bugs, pull requests, and make it better. If you write a renderer, please push it back and I'll add it to the project.

License

(The MIT License)

Copyright (c) 2010 Marc Harter <wavded@gmail.com>

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the 'Software'), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.