ArcGIS Developers
Menu
Documentation
Features
Pricing
Support
Search
Search
Sign In
ArcGIS API for JavaScript
Overview
Sample Code
API Reference
Showcase
Blog
Menu
Get started
Featured samples
Intro to MapView (2D)
Intro to SceneView (3D)
Intro to layers
Intro to popups
Intro to widgets
Latest samples
Snapping with Sketch widget and Magnifier
MapNotesLayer
FloorFilter widget
FeatureTable widget with a map (filter table by extent)
Edit features with the Editor widget (with snapping)
Edit features in 3D with the Editor widget (with snapping)
Histogram - normalization types
Client side pixel filter
Create a custom widget with localized strings
Mapping and views
MapView (2D)
Load a basic web map
Save a web map
Swap web maps in the same view
Access features in the view with pointer events
Client-side projection
SceneView (3D)
Load a basic web scene
Save a web scene
Web scene - slides
Create a local scene
SceneView - goTo()
Custom background for SceneView
Take a screenshot of a SceneView
SceneView - hitTest
SceneView memory resources
Multiple views
Switch view from 2D to 3D
Composite views
Synchronize MapView and SceneView
Navigation
Disable view navigation
Disable rotation on the view
Disable mouse-wheel
Underground navigation in global mode
Basemaps
Use Portal Basemaps
Create a custom basemap
View properties
View padding
View event explorer / watch properties
Layers
FeatureLayer
Intro to FeatureLayer
Created from array of graphics
Created from a shapefile
Add or remove graphics from a FeatureLayer
Highlight point features
Filter features by attributes
Apply effects to features
Basic querying on FeatureLayer
Create layer from portal item
SceneLayer
Intro to SceneLayer
Filter features by geometry with SceneLayer
Realistic buildings
Coloring options for textured buildings
Add edges to a SceneLayer
Point geometries
Filter and query
Query client-side 3D extents
SceneLayerView - query statistics by geometry
Highlight SceneLayer
BuildingSceneLayer
BuildingSceneLayer with Slice widget
Filter BuildingSceneLayer with BuildingExplorer
CSV and GeoJSON
Intro to CSVLayer
CSVLayer - Project points on the fly
GeoJSONLayer
Raster layers
Intro to ImageryLayer
Intro to ImageryTileLayer
Intro to WCSLayer
Client side pixel filter
Server side raster function
Client side rendering rules
ImageryTileLayer - shaded relief renderer
Visualizing wind data with VectorFieldRenderer
Raster attribute table
Client-side chart for ImageryLayer
Image coordinate system
ElevationLayer
Toggle ground elevation
Elevation options
ElevationLayer
Custom ElevationLayer - Exaggerating elevation
Custom ElevationLayer - Thematic data as elevation
IntegratedMeshLayer
IntegratedMeshLayer
IntegratedMeshLayer modification
MapImageLayer
Intro to MapImageLayer
Toggle sublayer visibility
Set definition expressions on sublayers
Set renderers on sublayers
Label sublayer features
Create dynamic map layers
Dynamic data layer with table join
Dynamic data layer with query table
MapImageLayer - Explore data from a dynamic workspace
Dynamic data layer with raster data
OGC Layers
KMLLayer
OGCFeatureLayer
WMSLayer
WMTSLayer
Select WMTS sublayer
PointCloudLayer
Intro to PointCloudLayer
Toggle visualizations
Change point size and density
Intensity color modulation
Filter points in a PointCloudLayer
VectorTileLayer
VectorTileLayer
VectorTileLayer from JSON
VectorTileLayer - update style layers
Custom layers
Custom TileLayer
Custom DynamicLayer
Custom LERC Layer
Custom BlendLayer
Custom ElevationLayer - Exaggerating elevation
Custom ElevationLayer - Thematic data as elevation
Custom WebGL layer views
Animated lines with WebGL
Tessellation helpers for custom WebGL layer views
Tiling support for custom WebGL layer views
Masking effect using a custom layer view
Build a custom layer view using deck.gl
Other tiled layers
WebTileLayer
OpenStreetMapLayer
Live feeds
StreamLayer
GeoRSSLayer
Query
Layer (server-side)
Query features
Query attachments
Query related features
Query for extent of features
LayerView (client-side)
FeatureLayerView - query
Query statistics client-side by distance
Query statistics client-side
FeatureLayerView - query statistics by geometry
SceneLayerView - query statistics by geometry
Highlight features by geometry
Editing
Editor widget
Edit features with the Editor widget
Edit features in 3D with the Editor widget
SceneLayer attribute editing (Editor widget)
Editor widget with configurations
FeatureForm widget
Update feature attributes
Advanced attribute editing
FeatureTable with editing enabled
FeatureLayer applyEdits
Popup with edit action
Labels
Add labels to a FeatureLayer
Add multiple label classes to a layer
Label features using Arcade expressions
Multi-line labels
Draw
Sketch widget
Sketch in 3D
Sketch update validation
Draw non-intersecting line
Import glTF 3D models
Snapping with Sketch widget and Magnifier
Visualization
Symbol playground
Renderers
Continuous color
Continuous size
Dot density
Unique types
Class breaks
Create a custom visualization using Arcade
Heatmap
Scale-dependent heatmap
Smart mapping
Size themes
Vary point sizes by scale
Continuous color
Unique values
Continuous color for 3D buildings
Class breaks
Relationship
Predominance
Dot density
Customize ColorSlider Histogram
Multivariate data exploration
Clustering
Basic configuration
Generate suggested configuration
Query clusters
Advanced configuration
Clustering with visual variables
Vector markers
CIMSymbol
CIMSymbol lines and polygons
Arrows along a line
WebStyleSymbol (2D)
Visualize feature layer with proportionally-sized WebStyleSymbols (2D)
Visualize data with dictionary renderer
Wurman dots
3D visualization
Data-driven extrusion
Multivariate visualizations (3D)
Extrude buildings footprints based on real world heights
Visualize features with realistic WebStyleSymbols
Realistic water visualization in 3D
Path visualization in 3D
Point styles for cities
Using callout lines with labels
Urban visualizations with polygon patterns
Visualize data on Mars
Custom background for SceneView
SceneView - shadow and lighting
Visual effects
Layer blending
Intro to layer blending
Multiply blendMode
Composite blending
FeatureLayerView - query statistics by geometry
Layer and feature effects
Intro to layer effect
Highlight feature with drop-shadow
Apply effects to features
FeatureEffect - multiple effects
FeatureEffect - drop-shadow
Animate color visual variable
Animate layer view effect
Highlight features by geometry
Highlight feature with effects and blending
Animations
Animate color visual variable
Update a renderer's attribute
Popups
Intro to PopupTemplate
Dock popup positions
Multiple popup elements
Custom popup content
Reference Arcade expressions in PopupTemplate
Summarize intersecting points in a popup
PopupTemplate with functions
PopupTemplate with promise
Popup with DOM node
Popup actions
Custom popup actions per feature
Popup with edit action
FeatureTable widget with popup interaction
Graphics
Intro to graphics
Add graphics to a SceneView
Working with 3D mesh primitives
Low poly terrain using mesh geometry
Satellites in 3D view
Using Esri Icon Fonts
Search
Search widget
Search widget with multiple sources
Search widget with custom source
QueryTask
FindTask
IdentifyTask
Time
TimeSlider widget
Filter features with TimeSlider
TimeSlider with timeOffset
Time-based layer
Analysis
GeometryEngine - geodesic buffers
Geoprocessing - viewshed analysis
Geoprocessing - hotspot analysis
RouteTask
Query Elevation (points)
Query Elevation (lines)
Widgets
BasemapGallery
Bookmarks
CoordinateConversion
CoordinateConversion
CoordinateConversion - custom formats
Daylight
Directions
Editor
Edit features with the Editor widget
Edit features in 3D with the Editor widget
SceneLayer attribute editing (Editor widget)
Editor widget with configurations
ElevationProfile
Expand
Feature
Feature widget
Feature widget in a side panel
Feature widget - Query graphics from multiple layerViews
FeatureForm
Update Feature Attributes
Advanced attribute editing
FeatureTable
FeatureTable
FeatureTable with a map
FeatureTable with editing enabled
FeatureTable with popup interaction
FloorFilter
Histogram
HistogramRangeSlider
LayerList
LayerList
LayerList with actions
Legend
Legend
Add a Legend to LayerList
Legend - card style
Update legend text
Line of sight
Locate
Measurement
Measurement
Measurement in 2D
Measurement in 3D
Print
Search
Search widget
Search widget with multiple sources
Search widget with custom source
Sketch
Slice
Swipe
Swipe
Swipe widget with scroll
TableList
Track
Track current location
Track widget simulation
TimeSlider
TimeSlider
TimeSlider with timeOffset
Using the view's UI
Responsive widgets
Responsive apps using CSS
Custom widgets
Create a custom widget
Using widgets with React
Custom widgets with Vue
Other
Animate layer visibility
Request data from a remote server
Access ArcGIS Online items via OAuth
Chaining promises
Watch for changes
Drag and drop portal items
Navigation Menu
BasemapGallery widget
Explore in the sandbox
Open in CodePen
View live
This sample demonstrates how to display a
BasemapGallery widget
.
3D
BasemapGallery
Basemap
gallery
SceneView
4.3
Was this page helpful?
Yes
No