nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

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

SolidSmoke

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.

Finde mehr Beiträge mit dem Tag

Accepted answers

All comments

derekswingley1

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

SolidSmoke

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.

JeffPace1

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.

JamesVillanueva

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.

StephenLead

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

SwapnaGogineni1

Hi Solid Smoke,

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

Thanks,
-Swapna

HemingZhu

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.

JeffPace1

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

Charles__Jamie_Phillips

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.

HemingZhu

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.

nicogis

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

SDMMP

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

PanagiotisPapadopoulos54

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)

Nimm an der Diskussion teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.