156 results for Sample Code: MapView

Tags

MapView

View padding

Intro to MapView - Create a 2D map

Intro to FeatureLayer

Load portal items via drag & drop

Dot density

Load a basic WebMap

Synchronize MapView and SceneView

PopupTemplate - use functions to set content

PopupTemplate with promise

Visualize data with dictionary renderer

Visualize points with a heatmap

Visualize features by type

Swap web maps in the same view

Proportionally-sized WebStyleSymbols (2D)

Compass widget

Legend widget

ScaleBar widget

Search widget with multiple sources

TimeSlider widget

Wurman dots

CIMSymbol

Tessellation helpers for custom WebGL layer views

Tiling support for custom WebGL layer views

Masking effect using a custom layer view

Draw polyline

Basic Querying in FeatureLayer

Query features from a FeatureLayerView

Point clustering

featurereduction-cluster-visualvariables

Point clustering with visual variables

Custom DynamicLayer

Custom LERC Layer

GeoRSSLayer

Intro to ImageryLayer

StreamLayer

Overview map

Multiple popup elements

Disable rotation on the view

Switch view from 2D to 3D

Visualize all features with the same symbol

Data-driven opacity

WebStyleSymbol (2D)

Bookmarks widget

CoordinateConversion widget

Swipe Widget

Use Portal Basemaps

Animated lines with WebGL

Custom WebGL layer view

Filter features by attribute

Query features from a FeatureLayer

Filter clustered points

Filter clustered points with a slider

Intro to popups

Intro to PopupTemplate

Intro to widgets using BasemapToggle

CSVLayer - Project points on the fly

KMLLayer

VectorTileLayer from JSON

Create an app with composite views

Generate a predominance visualization

Update a renderer's attribute

Data-driven continuous size

Edit features with the Editor widget

Using widgets with React

Update legend text

Measurement in 2D

Print widget

Search widget with custom source

Swipe Widget with Scroll

Animate layer visibility

Multi-line labels

Reference Arcade expressions in PopupTemplate

Query Related Features

Sketch update validation

IdentifyTask

Disable all zooming on the view

Visualize data with class breaks

Create a scale-dependent visualization

Generate a dot density visualization

Vary point sizes by scale

Multivariate data exploration

Data-driven continuous color

Visualize data with rotation

Directions widget

Geoprocessing - hotspot analysis

Add labels to a FeatureLayer

Add multiple label classes to a layer

GeoJSONLayer

ImageryLayer - raster attribute table

ImageryLayer - image coordinate system

ImageryLayer - server side raster function

Select WMTSLayer sublayer

Custom popup actions per feature attribute

Popup with DOM node

Summarize intersecting points in a popup

Using Esri Icon Fonts with map graphics

RouteTask

Create a custom visualization using Arcade

Customize ColorSlider Histogram

Scale feature sizes based on real world sizes (2D)

Watch for changes

Feature Widget

Add a Legend to LayerList

Track current location

Apply effects to features

Query statistics client-side

Create a FeatureLayer from a shapefile

ImageryLayer - client side rendering rules

MapImageLayer - set renderers on sublayers

MapImageLayer - Toggle sublayer visibility

Sketch widget

Disable mouse-wheel and single-touch navigation

Access features with pointer events

Generate a class breaks visualization

Custom Recenter Widget

Legend widget card style

MapImageLayer - dynamic data layer with query table

Add or remove graphics from a FeatureLayer

MapImageLayer - label sublayer features

LayerList widget with actions

Measurement widget

TimeSlider with timeOffset

Client-side projection

Query statistics client-side by distance

Highlight features by geometry

Intro to graphics

MapImageLayer - raster data source

Create a FeatureLayer with client-side graphics

ImageryLayer - client side pixel filter

Responsive apps using CSS

Animate opacity visual variable

Editor widget with configurations

Feature widget in a side panel

Update Feature Attributes

GeometryEngine - geodesic buffers

Filter features with TimeSlider

MapImageLayer - Explore data from a dynamic workspace

Generate data-driven visualization of unique values

Animate color visual variable

FeatureLayerView - query statistics by geometry

ImageryLayer - client side chart

Popup with edit action

Generate continuous color visualization

Generate data-driven continuous size visualization

Update FeatureLayer using applyEdits()

Advanced Attribute Editing

Calcite Maps and Bootstrap

Title	Sample
View padding	Explore in the sandboxSandbox CodePen View live
Intro to MapView - Create a 2D map	Explore in the sandboxSandbox CodePen View live
Intro to FeatureLayer	Explore in the sandboxSandbox CodePen View live
Load portal items via drag & drop	Explore in the sandboxSandbox CodePen View live
Dot density	Explore in the sandboxSandbox CodePen View live
Load a basic WebMap	Explore in the sandboxSandbox CodePen View live
Synchronize MapView and SceneView	Explore in the sandboxSandbox CodePen View live
Custom BlendLayer	Explore in the sandboxSandbox CodePen View live
VectorTileLayer	Explore in the sandboxSandbox CodePen View live
WMTSLayer	Explore in the sandboxSandbox CodePen View live
Popup actions	Explore in the sandboxSandbox CodePen View live
Popup dock positions	Explore in the sandboxSandbox CodePen View live
PopupTemplate - use functions to set content	Explore in the sandboxSandbox CodePen View live
PopupTemplate with promise	Explore in the sandboxSandbox CodePen View live
Visualize data with dictionary renderer	Explore in the sandboxSandbox CodePen View live
Visualize points with a heatmap	Explore in the sandboxSandbox CodePen View live
Visualize features by type	Explore in the sandboxSandbox CodePen View live
Swap web maps in the same view	Explore in the sandboxSandbox CodePen View live
Proportionally-sized WebStyleSymbols (2D)	Explore in the sandboxSandbox CodePen View live
Compass widget	Explore in the sandboxSandbox CodePen View live
Legend widget	Explore in the sandboxSandbox CodePen View live
ScaleBar widget	Explore in the sandboxSandbox CodePen View live
Search widget with multiple sources	Explore in the sandboxSandbox CodePen View live
TimeSlider widget	Explore in the sandboxSandbox CodePen View live
Wurman dots	Explore in the sandboxSandbox CodePen View live
CIMSymbol	Explore in the sandboxSandbox CodePen View live
Tessellation helpers for custom WebGL layer views	Explore in the sandboxSandbox CodePen View live
Tiling support for custom WebGL layer views	Explore in the sandboxSandbox CodePen View live
Masking effect using a custom layer view	Explore in the sandboxSandbox CodePen View live
Draw polyline	Explore in the sandboxSandbox CodePen View live
Basic Querying in FeatureLayer	Explore in the sandboxSandbox CodePen View live
Query features from a FeatureLayerView	Explore in the sandboxSandbox CodePen View live
Point clustering	Explore in the sandboxSandbox CodePen View live
Point clustering with visual variables	Explore in the sandboxSandbox CodePen View live
Custom DynamicLayer	Explore in the sandboxSandbox CodePen View live
Custom LERC Layer	Explore in the sandboxSandbox CodePen View live
GeoRSSLayer	Explore in the sandboxSandbox CodePen View live
Intro to ImageryLayer	Explore in the sandboxSandbox CodePen View live
StreamLayer	Explore in the sandboxSandbox CodePen View live
Overview map	Explore in the sandboxSandbox CodePen View live
Multiple popup elements	Explore in the sandboxSandbox CodePen View live
Disable rotation on the view	Explore in the sandboxSandbox CodePen View live
Switch view from 2D to 3D	Explore in the sandboxSandbox CodePen View live
Visualize all features with the same symbol	Explore in the sandboxSandbox CodePen View live
Data-driven opacity	Explore in the sandboxSandbox CodePen View live
WebStyleSymbol (2D)	Explore in the sandboxSandbox CodePen View live
Bookmarks widget	Explore in the sandboxSandbox CodePen View live
CoordinateConversion widget	Explore in the sandboxSandbox CodePen View live
Swipe Widget	Explore in the sandboxSandbox CodePen View live
Use Portal Basemaps	Explore in the sandboxSandbox CodePen View live
Animated lines with WebGL	Explore in the sandboxSandbox CodePen View live
Custom WebGL layer view	Explore in the sandboxSandbox CodePen View live
Filter features by attribute	Explore in the sandboxSandbox CodePen View live
Query features from a FeatureLayer	Explore in the sandboxSandbox CodePen View live
Filter clustered points	Explore in the sandboxSandbox CodePen View live
Filter clustered points with a slider	Explore in the sandboxSandbox CodePen View live
Intro to popups	Explore in the sandboxSandbox CodePen View live
Intro to PopupTemplate	Explore in the sandboxSandbox CodePen View live
Intro to widgets using BasemapToggle	Explore in the sandboxSandbox CodePen View live
CSVLayer - Project points on the fly	Explore in the sandboxSandbox CodePen View live
KMLLayer	Explore in the sandboxSandbox CodePen View live
VectorTileLayer from JSON	Explore in the sandboxSandbox CodePen View live
Symbol playground	Explore in the sandboxSandbox CodePen View live
Query Attachments	Explore in the sandboxSandbox CodePen View live
Simple theme	Explore in the sandboxSandbox CodePen View live
Themes	Explore in the sandboxSandbox CodePen View live
Time-based layer	Explore in the sandboxSandbox CodePen View live
Create an app with composite views	Explore in the sandboxSandbox CodePen View live
Generate a predominance visualization	Explore in the sandboxSandbox CodePen View live
Update a renderer's attribute	Explore in the sandboxSandbox CodePen View live
Data-driven continuous size	Explore in the sandboxSandbox CodePen View live
Edit features with the Editor widget	Explore in the sandboxSandbox CodePen View live
Using widgets with React	Explore in the sandboxSandbox CodePen View live
Update legend text	Explore in the sandboxSandbox CodePen View live
Measurement in 2D	Explore in the sandboxSandbox CodePen View live
Print widget	Explore in the sandboxSandbox CodePen View live
Search widget with custom source	Explore in the sandboxSandbox CodePen View live
Swipe Widget with Scroll	Explore in the sandboxSandbox CodePen View live
Animate layer visibility	Explore in the sandboxSandbox CodePen View live
Multi-line labels	Explore in the sandboxSandbox CodePen View live
Reference Arcade expressions in PopupTemplate	Explore in the sandboxSandbox CodePen View live
Query Related Features	Explore in the sandboxSandbox CodePen View live
Sketch update validation	Explore in the sandboxSandbox CodePen View live
IdentifyTask	Explore in the sandboxSandbox CodePen View live
Disable all zooming on the view	Explore in the sandboxSandbox CodePen View live
Visualize data with class breaks	Explore in the sandboxSandbox CodePen View live
Create a scale-dependent visualization	Explore in the sandboxSandbox CodePen View live
Generate a dot density visualization	Explore in the sandboxSandbox CodePen View live
Vary point sizes by scale	Explore in the sandboxSandbox CodePen View live
Multivariate data exploration	Explore in the sandboxSandbox CodePen View live
Data-driven continuous color	Explore in the sandboxSandbox CodePen View live
Visualize data with rotation	Explore in the sandboxSandbox CodePen View live
Directions widget	Explore in the sandboxSandbox CodePen View live
Geoprocessing - hotspot analysis	Explore in the sandboxSandbox CodePen View live
Add labels to a FeatureLayer	Explore in the sandboxSandbox CodePen View live
Add multiple label classes to a layer	Explore in the sandboxSandbox CodePen View live
GeoJSONLayer	Explore in the sandboxSandbox CodePen View live
ImageryLayer - raster attribute table	Explore in the sandboxSandbox CodePen View live
ImageryLayer - image coordinate system	Explore in the sandboxSandbox CodePen View live
ImageryLayer - server side raster function	Explore in the sandboxSandbox CodePen View live
Select WMTSLayer sublayer	Explore in the sandboxSandbox CodePen View live
Custom popup actions per feature attribute	Explore in the sandboxSandbox CodePen View live
Popup with DOM node	Explore in the sandboxSandbox CodePen View live
Summarize intersecting points in a popup	Explore in the sandboxSandbox CodePen View live
Using Esri Icon Fonts with map graphics	Explore in the sandboxSandbox CodePen View live
RouteTask	Explore in the sandboxSandbox CodePen View live
Create a custom visualization using Arcade	Explore in the sandboxSandbox CodePen View live
Customize ColorSlider Histogram	Explore in the sandboxSandbox CodePen View live
Scale feature sizes based on real world sizes (2D)	Explore in the sandboxSandbox CodePen View live
Watch for changes	Explore in the sandboxSandbox CodePen View live
Feature Widget	Explore in the sandboxSandbox CodePen View live
Add a Legend to LayerList	Explore in the sandboxSandbox CodePen View live
Track current location	Explore in the sandboxSandbox CodePen View live
Apply effects to features	Explore in the sandboxSandbox CodePen View live
Query statistics client-side	Explore in the sandboxSandbox CodePen View live
Create a FeatureLayer from a shapefile	Explore in the sandboxSandbox CodePen View live
ImageryLayer - client side rendering rules	Explore in the sandboxSandbox CodePen View live
MapImageLayer - set renderers on sublayers	Explore in the sandboxSandbox CodePen View live
MapImageLayer - Toggle sublayer visibility	Explore in the sandboxSandbox CodePen View live
Sketch widget	Explore in the sandboxSandbox CodePen View live
Disable mouse-wheel and single-touch navigation	Explore in the sandboxSandbox CodePen View live
Access features with pointer events	Explore in the sandboxSandbox CodePen View live
Generate a class breaks visualization	Explore in the sandboxSandbox CodePen View live
Custom Recenter Widget	Explore in the sandboxSandbox CodePen View live
Legend widget card style	Explore in the sandboxSandbox CodePen View live
MapImageLayer - dynamic data layer with query table	Explore in the sandboxSandbox CodePen View live
Add or remove graphics from a FeatureLayer	Explore in the sandboxSandbox CodePen View live
MapImageLayer - label sublayer features	Explore in the sandboxSandbox CodePen View live
LayerList widget with actions	Explore in the sandboxSandbox CodePen View live
Measurement widget	Explore in the sandboxSandbox CodePen View live
TimeSlider with timeOffset	Explore in the sandboxSandbox CodePen View live
Client-side projection	Explore in the sandboxSandbox CodePen View live
Query statistics client-side by distance	Explore in the sandboxSandbox CodePen View live
Highlight features by geometry	Explore in the sandboxSandbox CodePen View live
Intro to graphics	Explore in the sandboxSandbox CodePen View live
MapImageLayer - raster data source	Explore in the sandboxSandbox CodePen View live
Create a FeatureLayer with client-side graphics	Explore in the sandboxSandbox CodePen View live
ImageryLayer - client side pixel filter	Explore in the sandboxSandbox CodePen View live
Responsive apps using CSS	Explore in the sandboxSandbox CodePen View live
Animate opacity visual variable	Explore in the sandboxSandbox CodePen View live
Editor widget with configurations	Explore in the sandboxSandbox CodePen View live
Feature widget in a side panel	Explore in the sandboxSandbox CodePen View live
Update Feature Attributes	Explore in the sandboxSandbox CodePen View live
GeometryEngine - geodesic buffers	Explore in the sandboxSandbox CodePen View live
Filter features with TimeSlider	Explore in the sandboxSandbox CodePen View live
MapImageLayer - Explore data from a dynamic workspace	Explore in the sandboxSandbox CodePen View live
Generate data-driven visualization of unique values	Explore in the sandboxSandbox CodePen View live
Animate color visual variable	Explore in the sandboxSandbox CodePen View live
FeatureLayerView - query statistics by geometry	Explore in the sandboxSandbox CodePen View live
ImageryLayer - client side chart	Explore in the sandboxSandbox CodePen View live
Popup with edit action	Explore in the sandboxSandbox CodePen View live
Generate continuous color visualization	Explore in the sandboxSandbox CodePen View live
Generate data-driven continuous size visualization	Explore in the sandboxSandbox CodePen View live
Update FeatureLayer using applyEdits()	Explore in the sandboxSandbox CodePen View live
Advanced Attribute Editing	Explore in the sandboxSandbox CodePen View live
Calcite Maps and Bootstrap	Explore in the sandboxSandbox CodePen View live

	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
`esc`	Remove search focus
`enter`	Focus first search result
`es`	Explore in the Sandbox
`s`	Share in online code editor
`vl`	View live example

JavaScript API 4.14 Sample Code

JavaScript API Sample Code

WMTSLayer