ArcGIS API for JavaScript Samples

Add Shapefile

2012-04-20T20:30:40Z

The ArcGIS Portal API is a REST API that allows developers to work with content from ArcGIS Online. Portions of this API were integrated into the ArcGIS API for JavaScript at version 2.8. If you need access to capability not exposed via the classes in the ArcGIS API for JavaScript you can use esri.request to work directly with the ArcGIS Portal REST API.This sample demonstrates how to use the <a href='http://www.arcgis.com/apidocs/rest/generate.html' style='color: rgb(0, 0, 200); ' target='_blank'>Generate</a> operation to generate a feature collection from an input Shapefile. The application contains a form with an input element of type file that allows users to navigate to a zipped shapefile. This snippet usesesri.request to execute the generate operation,note that the form used to capture the input shapefile is specified using the form parameter. esri.request({ url: portalUrl + '/rest/content/features/generate', content: myContent, form: dojo.byId('uploadForm'), handleAs: 'json', load: dojo.hitch(this, function (response) { addShapefileToMap(response.featureCollection); }) ...<div>When the generate operation successfully completes the addShapefileToMap function is executed that adds the feature collection to the map </div><div> </div><div>dojo.forEach(featureCollection.layers, function (layer) { var layer = new esri.layers.FeatureLayer(layer); layers.push(layer); }); map.addLayers(layers);</div><div> </div><div>Note: There are some limitations to be aware of when adding shapefiles to the map. View the <a href='http://help.arcgis.com/en/arcgisonline/help/#/About_shapefiles/010q000000m2000000' style='color: rgb(0, 0, 200); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal; background-color: rgb(255, 255, 255); ' target='_blank'>About shapefiles</a> help topic in ArcGIS.com Resource Center for details.</div>

960 Grid System

2012-04-20T17:15:45Z

Portal Gallery

2012-03-27T15:07:36Z

This sample demonstrates how to display a set of web maps that contain gpx data in a gallery. The sample uses the Portal API, added at version 2.8 to allow developers to quickly build applications using data from thier organizations. This map pulls all the web maps from a group, loops through them and creates a thumbnail and link for each item. When clicked the link opens the web map in the Elevation Profile Template from the ArcGIS Online template gallery. This template, built using the ArcGIS API for JavaScript, displays the elevation profile for the selected feature.

Web Map Viewer

2012-03-27T14:58:26Z

This sample demonstrates how to use the ArcGIS Portal API, added at version 2.8, to view web maps from the ArcGIS Online Community Basemap group. First we load the portal, in this case ArcGIS.com, using the Portal class. Once the portal has loaded query for the 'Community Basemap' group. Once the group is found a query is created to retrieve five of the top rated maps. var params = { q: 'title:Community Basemaps AND owner:esri' }; portal.queryGroups(params).then(function(response){ var group = response.results[0]; var queryParams ={ q:'type:"Web Map" -type:"Web Mapping Application"', sortField:'created', sortOrder:'desc', num:5 }; group.queryItems(queryParams).forEach(loadMap); }); Note that when we query the group we can use the forEach function to loop through each of the items in the result array and create a map.

Identity Manager

2012-03-27T14:53:22Z

With version 2.8 of the ArcGIS API for JavaScript, two new IdentityManager methods were introduced: initialize and toJson. These methods can be used to serialize and de-serialize the IdentityManager to and from JSON. This sample provides a working example of how this can be done. When available, IdentityManager info is stored in local storage. If local storage is not available, a cookie is used. It is important to note that no passwords are stored. The info stored client side includes server information and token(s) to access secure services. Note: The IdentityManager works with resources from ArcGIS.com and services published using ArcGIS Server 10.0 SP1 or greater.

Print Templates with esri.request

2012-03-27T14:50:00Z

The Print Dijit can be created with various print templates to specify different types of output from ArcGIS Server's Export Web Map Task. In this sample, print templates are created using info retireved from the Export Web Map Task via esri.request. Note that this functionality requires an ArcGIS Server 10.1 instance. The print widget is used in this sample. For more granular control over output from the ArcGIS Server 10.1 print service, use the printTask.

Print Web Map

2012-03-27T14:47:43Z

Use the Print Dijit to print a webmap from ArcGIS.com. Two print templates are created to show some of the print options offered by the print dijit. Note that this functionality requires an ArcGIS Server 10.1 instance. The print widget is used in this sample. For more granular control over output from the ArcGIS Server 10.1 print service, use the printTask.

Reorder layers in map service

2012-02-09T21:47:57Z

This functionality requires an ArcGIS Server 10.1 service. Layers published in a dynamic map service can be re-ordered using dynamic layers. This sample showcases this capability. To re-order layers, click and drag a layer name to a new position. When a layer name is dropped to a new position in the list, a request is made to get an updated map image. ArcGIS Server 10.1 also provides the ability to work with data in a registered workspace but not published via a map service. This gives administrators and developers the flexibility to add data to apps that isn't visible from the REST services directory. The caveat is that developers need to know the workspace name and data layer/table name to be able to add it to a web application. To see this in action, click the "Add Lakes" button. The lakes layer can then be reordered within the map service.

Change Attribute Used for a Renderer

2012-02-13T21:03:18Z

This functionality requires an ArcGIS Server 10.1 service. Dynamic layers provide the ability to change the renderer(s) for layers in a dynamic map service. In this sample, a drop-down list is populated with attribute field names for a layer that is displayed on the map using an ArcGIS Server 10.1 dynamic layer and a dynamic map service layer. When the selected field changes, a new map image is requested using the new field as the basis for the layer's renderer.

Class Breaks Renderer with Dynamic Layer

2012-02-13T21:03:40Z

This functionality requires an ArcGIS Server 10.1 service. Dynamic layers provide the ability to change the renderer(s) for layers in a dynamic map service. In this sample, when the range specified by the slider changes, a new map images is requested and the map updates to show features that fall within the new range. This functionality was previously possible using feature layers and renderers. The advantage to using a dynamic layer as opposed to a feature layer is that dynamic layers perform much better when a layer has thousands of features.