wavded / js-shapefile-to-geojson Goto Github PK

Hi,

I'd love to make use of your code in one of my projects, but I was wondering if you might first add a license to it.

It would be cool to add the ability to load the projection info from a .prj file (and convert it into something openlayers/leaflet can use like EPSG:4326" ).
In my experience most shapefiles come in some obscure projection, so this could be very usefull.

Hi, this is good stuff.

For the nitpickers among us: In the file shapefile.js on line 19 it shows: t.data = e.date. I was wondering if this is a typo and should read e.data...? I changed it and it didn't seem to hurt.

Other question: I appreciate this works asynchronously. For small files it would be nice to do it synchronously. You would be able to return shp = new Shapefile(shpname,callback) with the shp.data object set. The code is quick enough to allow for that. Anyway, my two cents...

Hi,

This library works well in Chrome and Internet Explorer, but it fails in Firefox. It never makes it to the function here:
var shapefile = new Shapefile(
{
shp : me.shpurl,
dbf : me.dbfurl
}, function(data)
{
debugger; // never gets here
var features = parser.read(data.geojson);
vector.addFeatures(features);
});

Any ideas? Here is a screenshot of Firebug's output.

¤j®a¦n(大家好)
I can not find how to convert to chinese
I do not very know unicode
but I try big-5 , utf-8 and convert online tool
but it is still wrong

please help me
thank !

I have this code:

var opts = { shp: files[0], jsRoot: "/Scripts/ShapeReader/" };
var shapefile = new Shapefile(opts, function (data) {
    console.log(data);
});

Here files is the value of a file input.
Now, this code works fine in Firefox (27.0.1) but Google Chrome (33.0.1750.154 m) crashes when this code executes.

To be specific, the error occurs when executing line 23 of shapefile.js:
w.postMessage(["Load", o])

My files or not in the root of the web-directory but in src/shapefile.
In order to get it working I had to change the hardcoded paths in two locations:

• shapefile.js, line 12: var path = (o.jsRoot || "") + "shapefile.js"
• dbf.js, line 4: var worker = new Worker("dbf.js")

Thanks for this great tool!
Alex

demo shape file is working fine but when i place my shape its just showing blank image.....u can download the shape file here http://eservices.scottsdaleaz.gov/dmc/shape/Parks.zip

    var pnt =  {
        radius: 3,
        fillColor: "#009688",
        color: "#000",
        weight: 1,
        opacity: 1,
        fillOpacity: 0.8
    };
    var area =  {
        weight: 2,
        color: "#999",
        opacity: 1,
        fillColor: "#B0DE5C",
        fillOpacity: 0.5
    };
    parser = L.geoJson([], {
        style: function (feature) {
            return feature.properties && area;
        }
    }).addTo(map);
    var starttime = +new Date;
    shapefile = new Shapefile({
        shp: "/data/1.shp",
        dbf: "/data/1.dbf"
    }, function(data){
        features = parser.addData(data.geojson);
        console.log("took",new Date - starttime,"milliseconds")
    })
    parser1 = L.geoJson([], {
        pointToLayer: function (feature, latlng) {
            return L.circleMarker(latlng, pnt);
        }
    }).addTo(map);
    var starttime1 = +new Date;
    shapefile1 = new Shapefile({
        shp: "/data/2.shp",
        dbf: "/data/2.dbf"
    }, function(data){
        features1 = parser1.addData(data.geojson);
        console.log("took",new Date - starttime1,"milliseconds")
    })

when using the above code, only shapefile1 is visible and there is no error.

i am from indonesia.
I have 2 shape file, but both can not be loaded by shapefile.js. one of them appeared error

1. fbounds is undefined
2. window.shapefile is undefined -> window.shapefile.addDBFDataToGeoJSON (e.data [1])
   what kind of bugs are in shapefile.js??
   

and lastly, one shape file is not executable by shapefile.js
  varshape var = new Shapefile ({
         shp: link + ". shp",
         dbf: link + ". dbf"
     }, Function (data) { ...... }

Sample Shape.txt

Hello,
I use your code to convert shape files to json and to show on the map. In most cases it works wonderful, thank you very much. But I have some shapefile that is shown wrong. I attach sample images:
sample1.jpg shows how this file is shown in http://www.mapshaper.org/ and it is what I expect.
sample1_wrong.jpg shows what I get using your code. Also I wanted to attach sample.shp,
but this site does not allow me to do that. I can send it to you if you'll explain me how to do that.
Updated: I added Sample.shp as SampleShape.txt.
Any help will be appreciated

Hi,

The index.html from git clone did not rendered the map in Ubuntu 10.10 using Firefox and Chrome.

I think the links are broken.

Please check it.

Thanks.

I want to developt gis using this sample. But how about using multiple shape file?? What should i do??

I downloaded the project and ran the index.html file, but I got an error on chrome and firefox. Not sure if you were interested in knowing.

Error:
Uncaught ReferenceError: ShapeFile is not defined

Is possible to use this on a React Native app? I need to import shp file and plot on a map. Thanks.

Hi,

I think this is project is very useful for Leaflet as well.

https://github.com/CloudMade/Leaflet

Since Leaflet can read and render directly GeoJSON.

http://leaflet.cloudmade.com/examples/geojson.html

I like to see some example how to do it.

Thanks.

Noli

how to use parse a handlefile dbf?

I want to create drilldown on shapes that is if i am clicking on any shape it should show the nested child shape files of that particular shape.for example if i am clicking on provinces of any country it should load the details of that provinces

exaample is not working in IE versions. working properly in chrome ,firefox .