topic Re: How to show esri shapefile on top of a map using arcgis javascript api in ArcGIS JavaScript Maps SDK Questions

How to show esri shapefile on top of a map using arcgis javascript api

SolidSmoke — Sat, 24 Mar 2012 07:59:22 GMT

Please advise me how to upload a esri shapefile and show it on top of a map using arcgis javascript api. I ve seen this doing using silverlight api and esrcontrib. Is ther anything like this available for esri javascript api.

Re: How to show esri shapefile on top of a map using arcgis javascript api

derekswingley1 — Sun, 25 Mar 2012 16:54:54 GMT

Upload your shapefile to ArcGIS.com, save your webmap and create your JS API map from the ArcGIS.com webmap that uses your shapefile.

Re: How to show esri shapefile on top of a map using arcgis javascript api

SolidSmoke — Mon, 26 Mar 2012 06:12:16 GMT

My client wants a Geospatial web application in which they need a facility to upload their shape file and view the same on top of map. So uploading the shapefile in ArcGIS.com will not work in my case. So please advise me how I can create the same functionality of ArcGIS.com using ArcGIS api for javascript.

Re: How to show esri shapefile on top of a map using arcgis javascript api

JeffPace — Mon, 26 Mar 2012 14:22:51 GMT

My client wants a Geospatial web application in which they need a facility to upload their shape file and view the same on top of map. So uploading the shapefile in ArcGIS.com will not work in my case. So please advise me how I can create the same functionality of ArcGIS.com using ArcGIS api for javascript.

As far as I know this is not possible. If it were, you would not need to purchase ArcGIS Server licenses.

Re: How to show esri shapefile on top of a map using arcgis javascript api

JamesVillanueva — Mon, 26 Mar 2012 18:55:07 GMT

Take a look at this library: http://badassjs.com/post/845509816/r...ith-javascript

and the HTML5 CSV drag and drop example: http://help.arcgis.com/en/webapi/javascript/arcgis/help/jssamples_start.htm

Combining the two together can provide you with the solution you need. Of course this assuming that you can use HTML5 in you're development.

The issues you'll find later: IE - you're going to need a different solution as it doesn't support the file API, Safari will require a file input control as they don't support drag and drop, your going to be limited to newer browsers with html5 support, and your code will need to be written to support asynchronous file loading as you will need to wait for the dbf and shp files to both be loaded.

Re: How to show esri shapefile on top of a map using arcgis javascript api

StephenLead — Tue, 27 Mar 2012 03:52:47 GMT

Along similar lines to James's approach, you could convert the shapefile to JSON then create a feature layer from the feature collection.

Re: How to show esri shapefile on top of a map using arcgis javascript api

SwapnaGogineni1 — Wed, 04 Apr 2012 12:28:50 GMT

Hi Solid Smoke,

Did you ever find a solution for adding shapefiles using javascript api??

Thanks,
-Swapna

Re: How to show esri shapefile on top of a map using arcgis javascript api

HemingZhu — Wed, 04 Apr 2012 13:39:14 GMT

Hi Solid Smoke,

Did you ever find a solution for adding shapefiles using javascript api??

Thanks,
-Swapna

One approach i would give a try is to develop a GP tool where you could upload the shape file to a featurelayer on a map service.

Re: How to show esri shapefile on top of a map using arcgis javascript api

JeffPace — Wed, 04 Apr 2012 14:04:00 GMT

There is no direct way. You will have to either script or convert the data.

Re: How to show esri shapefile on top of a map using arcgis javascript api

Charles__Jamie_Phillips — Wed, 04 Apr 2012 14:12:26 GMT

It can be done. It would be easier as json/geojson/csv, but it is doable. Here is a library that was written in js to do it: https://github.com/RandomEtc/shapefile-js.

Basically, you are going to have to read it and make graphics from the data in the shapefile. It may run a little slowly and will probably cause issues in IE if it is not fast enough since the javascript engine does not have the performance of the other browsers. Hope this helps.

Re: How to show esri shapefile on top of a map using arcgis javascript api

HemingZhu — Wed, 04 Apr 2012 18:16:03 GMT

It can be done. It would be easier as json/geojson/csv, but it is doable. Here is a library that was written in js to do it: https://github.com/RandomEtc/shapefile-js.

Basically, you are going to have to read it and make graphics from the data in the shapefile. It may run a little slowly and will probably cause issues in IE if it is not fast enough since the javascript engine does not have the performance of the other browsers. Hope this helps.

I have done a POC for my potenial projects. I ran a GP to append a uploaded shape file to an existing feature layer in a map service where the GP layer is also located. You are looking similiar approach except you might have to truncate the featurelayer before upload the shape file.

Re: How to show esri shapefile on top of a map using arcgis javascript api

nicogis — Tue, 29 May 2012 09:13:49 GMT

you can use esri.request and use api arcgis portal
see sample: http://help.arcgis.com/en/webapi/javascript/arcgis/help/jssamples/portal_addshapefile.html

Re: How to show esri shapefile on top of a map using arcgis javascript api

San_DiegoManagement___Monitori — Wed, 24 Aug 2016 00:42:14 GMT

Hi Heming

I realize this post is very old now, but I am trying to append a shapefile to an existing feature layer also. Can you give me some more information on how you did that?

Thanks

Emily

Re: How to show esri shapefile on top of a map using arcgis javascript api

PanagiotisPapadopoulos — Wed, 24 Aug 2016 07:44:41 GMT

an another option is to create a geoprocessing service on your Server to do it.

The script will have as input parameter zip file with the Shapefile contents.

the input zip will extracted and then you can load the data on a feature class.

The feature class will be output parameter in order to take the shapefile data as graphics using javascript.

here is a code example for

#extract the zip

zf = zipfile.ZipFile(inShpZip)
FeaturesPath = arcpy.env.scratchFolder + "/zipSHPExtract"
zf.extractall(FeaturesPath)

#find the shp
shpFilesFromZip = glob.glob(FeaturesPath + "/*.shp")

#copy Features

outFeatures = arcpy.env.scratchGDB + "/outFeatures1"
arcpy.CopyFeatures_management(shpFilesFromZip[0], outFeatures)