ArcGIS API for JavaScript
Go to Latest version (official documentation)
ArcGIS Web API JavaScript API 4.4 Sample Code

ArcGIS API for JavaScript

Home Guide API Reference Sample Code Forum

Get Started

Overview

Latest Samples

WMTSLayer
Select WMTS sublayer
WMSLayer
Generate data-driven visualization of unique values
Generate continuous color visualization for 3D buildings
Reference Arcade expressions in PopupTemplate
PopupTemplate with promise
Highlight point features
Highlight SceneLayer
Point styles for cities
Using callout lines with labels
Coloring options for textured buildings
Intensity color modulation
Zoom to extent of features
Disable panning on the view
Disable rotation on the view
Disable scroll-zooming on the view
Disable all zooming on the view
Custom Tile Layer
Custom Dynamic Layer
Custom Lerc Layer
Custom Blend Layer
Custom ElevationLayer - Exaggerating elevation
Custom ElevationLayer - Thematic data as elevation
Swap view from 2D to 3D
Draw polygon for spatial query
Measure while drawing
Print widget vector tiles

Mapping and Views

Get started with MapView (2D)
Get started with SceneView (3D)
Load a basic web map
Load a basic web scene
Save a web scene
Web scene - slides
Create a local scene
SceneView - goTo()
View padding
Create a custom basemap
Swap web maps in the same view
Swap view from 2D to 3D

Layers

Get started with layers
Create layer from portal item
VectorTileLayer
IntegratedMeshLayer
StreamLayer
CSVLayer
OpenStreetMapLayer
WebTileLayer
WMSLayer
WMTSLayer
Select WMTS sublayer
GeoRSSLayer

FeatureLayer

Get started with FeatureLayer
Drawing improvements
Created from array of graphics
FeatureLayerView - query
Highlight point features

SceneLayer

Get started with SceneLayer
Realistic buildings
Coloring options for textured buildings
Point geometries
Filter and query
SceneLayerView - query
Highlight SceneLayer

MapImageLayer

Get started with 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
Dynamic data layer with raster data

ImageryLayer

Get started with ImageryLayer
Client side pixel filter
Server side raster function
Client side rendering rules
Raster attribute table

PointCloudLayer

Get started with PointCloudLayer
Toggle visualizations
Change point size and density
Intensity color modulation

Custom Layers

Custom Tile Layer
Custom Dynamic Layer
Custom Lerc Layer
Custom Blend Layer
Custom ElevationLayer - Exaggerating elevation
Custom ElevationLayer - Thematic data as elevation

Visualization

Symbol Playground
Visualize features by unique types
Visualize data with class breaks
Generate data-driven continuous color visualization
Generate data-driven visualization of unique values
Generate continuous color visualization for 3D buildings
Data-driven continuous color
Data-driven continuous size
Data-driven extrusion
Multivariate visualizations (3D)
Create a custom visualization using Arcade
Visualize features with realistic WebStyleSymbols
Point styles for cities
Using callout lines with labels

Popups

Get started with popups
Get started with PopupTemplate
Dock popup positions
Multiple popup elements
Reference Arcade expressions in PopupTemplate
PopupTemplate with functions
PopupTemplate with promise
Popup actions
Custom popup actions per feature

Editing

FeatureLayer applyEdits

Graphics

Get started with graphics
Add graphics to a SceneView

Searching

Search widget
Search widget with multiple sources
Query features from a FeatureLayer
SceneLayer - query a linked FeatureLayer
QueryTask
FindTask
IdentifyTask

Analysis

GeometryEngine - geodesic buffers
Geoprocessing - viewshed analysis
Geoprocessing - hotspot analysis
RouteTask
Query Elevation (points)
Query Elevation (lines)

Widgets

Get started with widgets
BasemapGallery widget
LayerList widget
LayerList widget with actions
Legend widget
Locate button
Print widget
Print widget vector tiles
Track current location
Track widget simulation
Expand widget
Using the view's UI
Responsive widgets

Widgets (Advanced)

Create a custom widget
Custom Recenter widget
Using widgets with Angular
Using widgets with React
Using widgets with Riot
Custom widgets with Vue

More 3D

Toggle ground elevation
Look around camera position
Realistic environment settings
SceneView - environment settings
Elevation offset
ElevationLayer
Satellites in 3D view

Workflows

Get started with Workflow Manager

Other

Draw polygon for spatial query
Measure while drawing
Request data from a remote server
Access ArcGIS Online items via OAuth
Chaining promises
Access features with click events
Synchronize MapView and SceneView
Calcite Maps and Bootstrap
Using Esri Icon Fonts
Watch for changes
Zoom to extent of features
Drag and drop portal items
Disable panning on the view
Disable rotation on the view
Disable scroll-zooming on the view
Disable all zooming on the view
Back to Top
Back to Top

Print widget using a VectorTileLayer

This device does not support 3D.

View the system requirements for more information.

Explore in the sandboxJS BinView live

This sample demonstrates how to print a VectorTileLayer using a Print widget for your 2D MapView. PrintTask uses a client-side image for VectorTileLayers in the printout and requires ArcGIS Server 10.5.1 or later.

Note: Printing a SceneView is not possible at this time.

Tags

Print,widget,export,WebMap,4.4,vectortilelayer,vector,vtl,tile

4 results for Sample Code:"vector"

Tagsvector, vectortilelayer, VectorTileLayer, VectorTiledLayer, decorator
widgets-print-vectortiles

Print widget using a VectorTileLayer

layers-vectortilelayer

VectorTileLayer

widgets-custom-widget

Create a custom widget

widgets-custom-recenter

Custom Recenter Widget

TitleSample
Print widget using a VectorTileLayerExplore in the sandboxSandboxJS BinView live
VectorTileLayerExplore in the sandboxSandboxJS BinView live
Create a custom widgetJS BinView live
Custom Recenter WidgetJS BinView live

There were no match results from your search criteria.

Feedback on this topic?
ArcGIS for Developers
  • Home
  • Features
  • Documentation
  • Support
  • Pricing
  • Startups
  • Blog
ArcGIS Platform
  • ArcGIS Online
  • ArcGIS Desktop
  • ArcGIS Enterprise
  • ArcGIS for Developers
  • ArcGIS Solutions
  • ArcGIS Marketplace
About Esri
  • About Us
  • Careers
  • Insiders Blog
  • User Conference
  • Developer Summit

Copyright © 2017 Esri. All rights reserved. | Privacy | Terms of use | Plain English | FAQ