Browser-side shapefile.js only, based on https://github.com/calvinmetcalf/shapefile-js
-
No NodeBuffer error. No global error.
-
Convert to typescript file
-
Not using rollup-plugin-node-polyfills
-
Custom zip file encoding
-
Zip library changed to fflate
npm install shapefile-ts --save
import shp from 'shapefile-ts';
Or include directly in your webpage from:
https://unpkg.com/shapefile-ts@latest/lib/shp.umd.js
Has a function shp
which accepts a string which is the path the she shapefile minus the extension and returns a promise which resolves into geojson.
//for the shapefiles in the folder called 'files' with the name pandr.shp
shp("files/pandr").then(function(geojson){
//do something with your geojson
});
or you can call it on a .zip file which contains the shapefile
//for the shapefiles in the files folder called pandr.shp
shp("files/pandr.zip").then(function(geojson){
//see bellow for whats here this internally call shp.parseZip()
});
or if you got the zip some other way (like the File API) then with the arrayBuffer you can call
const geojson = await shp(buffer);
// or ZIP uses a other codepage GB18030
const geojson = await shp(buffer,null,"GB18030");
If there is only one shp in the zipefile it returns geojson, if there are multiple then it will be an array. All of the geojson objects have an extra key fileName
the value of which is the
name of the shapefile minus the extension (I.E. the part of the name that's the same for all of them)
You could also load the arraybuffers seperately:
shp.combine([shp.parseShp(shpBuffer, /*optional prj str*/),shp.parseDbf(dbfBuffer)]);