1
0
mirror of https://github.com/wavded/js-shapefile-to-geojson synced 2024-11-23 14:34:54 +00:00
js-shapefile-to-geojson/readme.md

61 lines
1.9 KiB
Markdown
Raw Normal View History

2010-07-31 03:52:17 +00:00
This project allows a user to load Shapefiles and DBFs into the browser with JavaScript.
Outputs as [GeoJSON](http://geojson.org/) for use with other Mapping APIs such as [OpenLayers](http://openlayers.org).
2010-07-30 22:40:41 +00:00
2010-07-31 03:50:30 +00:00
Inspired by the excellent work by Tom Carden ([http://github.com/RandomEtc/shapefile-js/](http://github.com/RandomEtc/shapefile-js/)).
2010-07-30 22:40:41 +00:00
2010-07-31 16:16:56 +00:00
### Overview
2010-07-31 16:11:59 +00:00
2010-07-31 16:16:56 +00:00
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.
2010-07-31 16:11:59 +00:00
### Usage
You can use it to parse shapefiles (.shp) or dBase files (.dbf) or both. Here are some examples.
Load Shapefile Only
2010-07-31 16:16:56 +00:00
var shapefile = new Shapefile("myshapefile.shp",function(data){
// data returned
};
2010-07-31 16:11:59 +00:00
Load DBF Only
2010-07-31 16:16:56 +00:00
var dbf = new DBF("mydbf.dbf",function(data){
// data returned
};
2010-07-31 16:11:59 +00:00
Load Shapefile w/ DBF Attributes
2010-07-31 16:16:56 +00:00
var shapefile = new Shapefile({
shp: "myshape.dbf",
dbf: "myshape.dbf"
}, function(data){
// data returned
};
Use with OpenLayers
var
parser = new OpenLayer.Format.GeoJSON(),
features,
shapefile = new Shapefile({
shp: "myshape.dbf",
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](http://www.esri.com/library/whitepapers/pdfs/shapefile.pdf)
> [dBase (Xbase) File Format Description](http://www.dbf2002.com/dbf-file-format.html)
### 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.