ArcGIS API for JavaScript (legacy) 3.46

Hide Table of Contents
Samples Overview
Analysis
Analysis - Calculate travel time and distance
Analysis - Create viewshed
Analysis - Create watersheds
Analysis - Find hot spots
ElevationProfile widget - user-specified input geometry
Geoenrichment - Infographic
Geoenrichment - InfographicsCarousel
Geoenrichment - StandardGeographyQueryTask
Geometry Engine - Geodesic buffers
Geometry Service - Buffer
Geometry Service - Calculate geometry
Geometry Service - Points for labeling
Geoprocessing - Export result as map service
Geoprocessing - Viewshed
Directions and Routing
Basic service area
Directions
Find closest facilities
World traffic
Dynamic Layers
Change attribute used for a renderer
Class breaks renderer with dynamic layer
Dynamic map service
Layer definitions on a dynamic map service
Reorder layers in map service
WMS - resource info
Editing
Attachment editor
Drawing tools
Edit without editor widget
Editing tools
Editor widget with simple toolbar
Move and edit vertices
Template picker widget
Using the attribute inspector
Feature Layers
Any projection
Client-side projection
CSV
Display more data with FeatureLayer
Feature collection
Feature Layer (basic)
GeoRSS
KML
Labeling features on the client
No basemap
On demand mode
Request layer info
Stream Layer
Table source from ArcGIS Server
WCS Layer with Pixel Filter
WFS Layer
Feature Table
FeatureTable - Custom Menu Items
FeatureTable - Formatting
FeatureTable - related records
Using FeatureTable
Using FeatureTable (no map)
Graphics
Add graphics to a map
Create circles
Display context menu
Graphics with undo redo
Point clustering
SVG and CSS to style polygons
SVG and CSS using D3
SVG path to create a SimpleMarkerSymbol
Image Layers
Image service
Image Service Vector Layer
Raster layer slider
Map
Basemap gallery
Basemap Toggle
Create a map
Customize navigation animation
Edit bookmarks
Home Button
LayerList widget
LayerSwipe widget
Legend
Locate Button
Measurement Widget
OpenStreetMap layer
Overview map
Scalebar
Mobile
Attribute editing - mobile
Compass
Educational attainment predominance map
Geolocation with a temporal renderer
Shake gesture recognition
Soil details - mobile
Online and Portal
Add shapefile
Editing layout using map data from ArcGIS.com
Embedding web maps into existing pages
Fade effect using ArcGIS.com web maps
Find group ID
OAuth Basic
OAuth Popup
Web map by ID
Popups and Info Windows
Custom info window
Find nearest features using Arcade expressions in a popup
Format info window content
Info Window Lite
Mobile popup
Popup
Popup content in side panel
Popup with related fields
Printing
Print
Print templates with esri.request
Print webmap
Query and Select
Feature layer hover
FeatureTable - Custom Menu Items
FeatureTable - Formatting
FeatureTable - related records
Manage results from multiple queries
Query data without a map
Query Statistics with SQL Expression
Select with Feature Layer
Using FeatureTable
Using FeatureTable (no map)
Renderers, Symbols, Visualization
Basic clustering
BlendRenderer - Lawrence, KS by age and population size
BlendRenderer - Los Angeles housing status
BlendRenderer - Minority demographics
Class breaks renderer
Color ramp symbols
Color ramp with rotation and proportional symbols
Create a Geofence with Arcade
Create predominance renderer
Create symbols with SymbolStyler widget
Dot density renderer
Explore Heat Maps
Filter features with clustering enabled
Generate renderer
Multivariate rendering
Opacity based unique value renderer
Proportional symbols for lines
Proportional symbols for points
Relationship Renderer
Smart Mapping - Render class breaks with color
Smart Mapping - Show Data by Color
Symbol size and outline width based on map scale
Temporal renderer
Toggle point clustering
Unique value renderer
Update legend text with renderer
Use Heat Maps
Search
Search basic
Search multiple sources
Search using a suggestion template
Search using custom locator
Search with customization
Search without default UI
Tiled Layers
Tiled map service
Vector tiles
Web tiled
WMTS - resource info
Time
Histogram Time Slider
Time slider with dynamic map service layer

These samples demonstrate how to use various features in the ArcGIS API for JavaScript. Each sample page contains a description of what happens in the sample, the source code and links to view the sample live.

In addition to the samples featured in the side bar, more samples are available by using search box in the upper right.

Show Modal

Keyboard shortcuts

Site wide shortcuts
? Bring up this help dialog
esc Dismiss this help dialog
gh Go to Home
gg Go to Guide
ga Go to API Reference
gs Go to Sample Code
gt Scroll to top of page
spacebar Scroll page down
shift spacebar Scroll page up
gb Scroll to bottom of page
Sample Code
/Focus search
esExplore in the Sandbox
sShare in online code editor
vlView live example