Developer
Anita Kemp
Tools
https://slides.com/anita_k/arcgis-location-services-developer-tools/
What are they?
Web scene: a scene stored as a JSON object contains settings for basemap layer, data layers, stored in ArcGIS Platform as an item with a unique item ID
Key Terms
Web scene: a scene stored as a JSON object contains settings for basemap layer, data layers, stored in ArcGIS Platform as an item with a unique item ID
Operational layer: a layer that references geographic data from a file or a service, and is used to visualize the data in a map or scene.
Tools
- Create custom basemap styles
- Web maps, web scenes (content items)
- Data visualization
Vector Tile Style Editor
Map Viewer
Scene Viewer
Typical workflow
1. Create an item (vector tile layer, web map, web scene)
2. Save in ArcGIS Platform (create a unique item ID)
3. Access from your app
Basemaps
- Basemap enumerations and endpoints
- Custom basemap styles
esriConfig.apiKey = "YOUR_API_KEY";
const map = new Map({
basemap: "arcgis-topographic",
//basemap: "arcgis-imagery"
//basemap: "arcgis-navigation"
//basemap: "arcgis-light-gray"
});
const view = new MapView({
map: map,
center: [-118.805, 34.027],
zoom: 13,
container: "viewDiv",
constraints: {
snapToZoom: false
}
});
const apiKey = "YOUR_API_KEY";
const basemapEnum = "ArcGIS:Topographic"; // ArcGIS:Satellite, ArcGIS:Navigation, ArcGIS:LightGray
const map = new mapboxgl.Map({
container: "map",
style: `https://basemaps-api.arcgis.com/arcgis/rest/services/styles/${basemapEnum}?token=${apiKey}`,
zoom: 13,
center: [-118.805, 34.027]
});Basemap enumerations
Vector Tile Style Editor
- Interactively create, update, and save basemap layer styles.
- Style individual layers such as land, water, roads, and buildings.
- Create themes and style many layers at once with the quick editor.
Map Viewer
- Create web maps that can be used in custom web, desktop, and native applications.
- Explore data in ArcGIS Online and the Living Atlas.
- Define basemap and data layers for a map.
- Display data from feature services, vector tile services, image tile services, and other services.
Web maps
{
"operationalLayers":[
{
"id":"Boundary_6040",
"layerType":"ArcGISFeatureLayer",
"url":"https://services3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/Boundary/FeatureServer/0",
"visibility":true,
"opacity":1,
"title":"Boundary",
"itemId":"30cf3b4c11c5408d87f255ba4e9aa611",
"popupInfo":{
"title":"Boundary_0",
"fieldInfos":[
{
"fieldName":"OBJECTID",
"label":"OBJECTID",
"isEditable":true,
"tooltip":"",
"visible":false,
"format":{
"places":0,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"BUFF_DIST",
"label":"BUFF_DIST",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":0,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"AnalysisArea",
"label":"AnalysisArea",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":2,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"ObjectId_1",
"label":"",
"isEditable":false,
"tooltip":"",
"visible":false,
"format":null,
"stringFieldOption":"textbox"
},
{
"fieldName":"Shape__Area",
"label":"Shape__Area",
"isEditable":false,
"tooltip":"",
"visible":false,
"format":{
"places":2,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"Shape__Length",
"label":"Shape__Length",
"isEditable":false,
"tooltip":"",
"visible":false,
"format":{
"places":2,
"digitSeparator":true
},
"stringFieldOption":"textbox"
}
],
"description":null,
"showAttachments":true,
"mediaInfos":[
]
}
},
{
"id":"Parks_and_Open_Space_5594",
"layerType":"ArcGISFeatureLayer",
"url":"https://services3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/Parks_and_Open_Space/FeatureServer/0",
"visibility":true,
"opacity":1,
"title":"Parks and Open Space",
"itemId":"f2ea5d874dad427294641d2d45097c0e",
"popupInfo":{
"title":"Parks_and_Open_Space",
"fieldInfos":[
{
"fieldName":"FID",
"label":"FID",
"isEditable":false,
"tooltip":"",
"visible":true,
"format":{
"places":0,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"UNIT_ID",
"label":"UNIT_ID",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":0,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"PARK_NAME",
"label":"PARK_NAME",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":null,
"stringFieldOption":"textbox"
},
{
"fieldName":"PARK_LBL",
"label":"PARK_LBL",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":null,
"stringFieldOption":"textbox"
},
{
"fieldName":"ACCESS_TYP",
"label":"ACCESS_TYP",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":null,
"stringFieldOption":"textbox"
},
{
"fieldName":"RPT_ACRES",
"label":"RPT_ACRES",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":2,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"GIS_ACRES",
"label":"GIS_ACRES",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":2,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"AGNCY_NAME",
"label":"AGNCY_NAME",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":null,
"stringFieldOption":"textbox"
},
{
"fieldName":"AGNCY_LEV",
"label":"AGNCY_LEV",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":null,
"stringFieldOption":"textbox"
},
{
"fieldName":"AGNCY_TYP",
"label":"AGNCY_TYP",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":null,
"stringFieldOption":"textbox"
},
{
"fieldName":"AGNCY_WEB",
"label":"AGNCY_WEB",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":null,
"stringFieldOption":"textbox"
},
{
"fieldName":"MNG_AGENCY",
"label":"MNG_AGENCY",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":null,
"stringFieldOption":"textbox"
},
{
"fieldName":"COGP_TYP",
"label":"COGP_TYP",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":null,
"stringFieldOption":"textbox"
},
{
"fieldName":"NDS_AN_TYP",
"label":"NDS_AN_TYP",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":null,
"stringFieldOption":"textbox"
},
{
"fieldName":"NEEDS_ANLZ",
"label":"NEEDS_ANLZ",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":null,
"stringFieldOption":"textbox"
},
{
"fieldName":"TKIT_SUM",
"label":"TKIT_SUM",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":null,
"stringFieldOption":"textbox"
},
{
"fieldName":"AMEN_RPT",
"label":"AMEN_RPT",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":null,
"stringFieldOption":"textbox"
},
{
"fieldName":"PRKINF_CND",
"label":"PRKINF_CND",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":null,
"stringFieldOption":"textbox"
},
{
"fieldName":"AM_OPNSP",
"label":"AM_OPNSP",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":null,
"stringFieldOption":"textbox"
},
{
"fieldName":"AM_TRLS",
"label":"AM_TRLS",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":null,
"stringFieldOption":"textbox"
},
{
"fieldName":"TRLS_MI",
"label":"TRLS_MI",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":2,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"TENIS",
"label":"TENIS",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":2,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"BSKTB",
"label":"BSKTB",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":2,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"BASEB",
"label":"BASEB",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":2,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"SOCCR",
"label":"SOCCR",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":2,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"MPFLD",
"label":"MPFLD",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":2,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"FITZN",
"label":"FITZN",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":2,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"SK8PK",
"label":"SK8PK",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":2,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"PCNIC",
"label":"PCNIC",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":2,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"PLGND",
"label":"PLGND",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":2,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"POOLS",
"label":"POOLS",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":2,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"SPPAD",
"label":"SPPAD",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":2,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"DGPRK",
"label":"DGPRK",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":2,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"GYM",
"label":"GYM",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":2,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"COMCT",
"label":"COMCT",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":2,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"SNRCT",
"label":"SNRCT",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":2,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"RSTRM",
"label":"RSTRM",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":2,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"TOTAL_GOOD",
"label":"TOTAL_GOOD",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":0,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"TOTAL_FAIR",
"label":"TOTAL_FAIR",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":0,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"TOTAL_POOR",
"label":"TOTAL_POOR",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":0,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"TYPE",
"label":"TYPE",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":null,
"stringFieldOption":"textbox"
},
{
"fieldName":"Shape_STAr",
"label":"Shape_STAr",
"isEditable":true,
"tooltip":"",
"visible":false,
"format":{
"places":2,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"Shape_STLe",
"label":"Shape_STLe",
"isEditable":true,
"tooltip":"",
"visible":false,
"format":{
"places":2,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"Shape__Area",
"label":"Shape__Area",
"isEditable":false,
"tooltip":"",
"visible":false,
"format":{
"places":2,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"Shape__Length",
"label":"Shape__Length",
"isEditable":false,
"tooltip":"",
"visible":false,
"format":{
"places":2,
"digitSeparator":true
},
"stringFieldOption":"textbox"
}
],
"description":null,
"showAttachments":true,
"mediaInfos":[
]
}
},
{
"id":"Trails_7558",
"layerType":"ArcGISFeatureLayer",
"url":"https://services3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/Trails/FeatureServer/0",
"visibility":true,
"opacity":1,
"title":"Trails - Trails_0",
"popupInfo":{
"title":"Trails_0",
"fieldInfos":[
{
"fieldName":"OBJECTID",
"label":"OBJECTID",
"isEditable":true,
"tooltip":"",
"visible":false,
"format":{
"places":0,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"TRL_NAME",
"label":"TRL_NAME",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":null,
"stringFieldOption":"textbox"
},
{
"fieldName":"TRL_ID",
"label":"TRL_ID",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":0,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"ELEV_MIN",
"label":"ELEV_MIN",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":0,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"ELEV_MAX",
"label":"ELEV_MAX",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":0,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"ELEV_GAIN",
"label":"ELEV_GAIN",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":0,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"CENTER_LAT",
"label":"CENTER_LAT",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":2,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"CENTER_LON",
"label":"CENTER_LON",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":2,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"DB_ID",
"label":"DB_ID",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":0,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"ShapeSTLength",
"label":"ShapeSTLength",
"isEditable":true,
"tooltip":"",
"visible":false,
"format":{
"places":2,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"LENGTH_FT",
"label":"LENGTH_FT",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":0,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"LENGTH_MI",
"label":"LENGTH_MI",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":2,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"USE_HIKE",
"label":"USE_HIKE",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":null,
"stringFieldOption":"textbox"
},
{
"fieldName":"USE_BIKE",
"label":"USE_BIKE",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":null,
"stringFieldOption":"textbox"
},
{
"fieldName":"USE_EQU",
"label":"USE_EQU",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":null,
"stringFieldOption":"textbox"
},
{
"fieldName":"USE_ATV",
"label":"USE_ATV",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":null,
"stringFieldOption":"textbox"
},
{
"fieldName":"PET_ACC",
"label":"PET_ACC",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":null,
"stringFieldOption":"textbox"
},
{
"fieldName":"MAPPING_STATUS",
"label":"MAPPING_STATUS",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":null,
"stringFieldOption":"textbox"
},
{
"fieldName":"ObjectId_1",
"label":"",
"isEditable":false,
"tooltip":"",
"visible":false,
"format":{
"places":0,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"Shape__Length",
"label":"Shape__Length",
"isEditable":false,
"tooltip":"",
"visible":false,
"format":{
"places":2,
"digitSeparator":true
},
"stringFieldOption":"textbox"
}
],
"description":null,
"showAttachments":true,
"mediaInfos":[
]
}
},
{
"id":"Trailheads_8053",
"layerType":"ArcGISFeatureLayer",
"url":"https://services3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/Trailheads/FeatureServer/0",
"visibility":true,
"opacity":1,
"title":"Trailheads",
"popupInfo":{
"title":"Trailheads",
"fieldInfos":[
{
"fieldName":"OBJECTID",
"label":"OBJECTID",
"isEditable":true,
"tooltip":"",
"visible":false,
"format":{
"places":0,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"TRL_NAME",
"label":"TRL_NAME",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":null,
"stringFieldOption":"textbox"
},
{
"fieldName":"PARK_NAME",
"label":"PARK_NAME",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":null,
"stringFieldOption":"textbox"
},
{
"fieldName":"FEATURE_ID",
"label":"FEATURE_ID",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":0,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"TRL_ID",
"label":"TRL_ID",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":0,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"SEG_ID",
"label":"SEG_ID",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":0,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"STG_AR_ID",
"label":"STG_AR_ID",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":null,
"stringFieldOption":"textbox"
},
{
"fieldName":"SUB_TYPE",
"label":"SUB_TYPE",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":0,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"FEATURE",
"label":"FEATURE",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":null,
"stringFieldOption":"textbox"
},
{
"fieldName":"FEAT_CMNT",
"label":"FEAT_CMNT",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":null,
"stringFieldOption":"textbox"
},
{
"fieldName":"ELEV_FT",
"label":"ELEV_FT",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":0,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"CITY_JUR",
"label":"CITY_JUR",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":null,
"stringFieldOption":"textbox"
},
{
"fieldName":"ZIP_CODE",
"label":"ZIP_CODE",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":0,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"SUP_DIST",
"label":"SUP_DIST",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":null,
"stringFieldOption":"textbox"
},
{
"fieldName":"X_STREET",
"label":"X_STREET",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":null,
"stringFieldOption":"textbox"
},
{
"fieldName":"X",
"label":"X",
"isEditable":true,
"tooltip":"",
"visible":false,
"format":null,
"stringFieldOption":"textbox"
},
{
"fieldName":"Y",
"label":"Y",
"isEditable":true,
"tooltip":"",
"visible":false,
"format":null,
"stringFieldOption":"textbox"
},
{
"fieldName":"PARKING",
"label":"PARKING",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":null,
"stringFieldOption":"textbox"
},
{
"fieldName":"PHOTO",
"label":"PHOTO",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":null,
"stringFieldOption":"textbox"
},
{
"fieldName":"TXT_E",
"label":"TXT_E",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":null,
"stringFieldOption":"textbox"
},
{
"fieldName":"LAT",
"label":"LAT",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":2,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"LON",
"label":"LON",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":2,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"DB_ID",
"label":"DB_ID",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":0,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"DIR_LAT",
"label":"DIR_LAT",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":2,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"DIR_LON",
"label":"DIR_LON",
"isEditable":true,
"tooltip":"",
"visible":true,
"format":{
"places":2,
"digitSeparator":true
},
"stringFieldOption":"textbox"
},
{
"fieldName":"FID",
"label":"FID",
"isEditable":false,
"tooltip":"",
"visible":true,
"format":{
"places":0,
"digitSeparator":true
},
"stringFieldOption":"textbox"
}
],
"description":null,
"showAttachments":true,
"mediaInfos":[
]
}
}
],
"baseMap":{
"baseMapLayers":[
{
"id":"defaultBasemap",
"layerType":"ArcGISTiledMapServiceLayer",
"url":"https://services.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer",
"visibility":true,
"opacity":1,
"title":"World Topographic Map"
}
],
"title":"Topographic"
},
"spatialReference":{
"wkid":102100,
"latestWkid":3857
},
"authoringApp":"WebMapViewer",
"authoringAppVersion":"7.1",
"version":"2.14",
"applicationProperties":{
"viewing":{
"routing":{
"enabled":true
},
"basemapGallery":{
"enabled":true
},
"measure":{
"enabled":true
}
}
}
}Web maps
Why use a web map?
Easily accessible, configurable
Visualization
Can style layers programatically, but what if you want to explore different visualizations to best fit the data?
Visualize % population by county who use asthma meds
Scene Viewer
- Create web scenes that can be used in custom web, desktop, and native applications.
- Display data in 3D from feature services, vector tile services, image tile services, and other services.
Web Scene
{
"operationalLayers":[
{
"id":"164a5a3ade4-layer-2",
"title":"Parks and Open Space",
"url":"https://services3.arcgis.com/GVgbJbqm8hXASVYi/ArcGIS/rest/services/Parks_and_Open_Space/FeatureServer/0",
"layerType":"ArcGISFeatureLayer",
"popupInfo":{
"showAttachments":true,
"popupElements":[
{
"type":"fields"
},
{
"type":"attachments"
}
],
"fieldInfos":[
{
"fieldName":"UNIT_ID",
"format":{
"digitSeparator":true,
"places":0
},
"label":"UNIT_ID",
"visible":true
},
{
"fieldName":"PARK_NAME",
"label":"PARK_NAME",
"visible":true
},
{
"fieldName":"PARK_LBL",
"label":"PARK_LBL",
"visible":true
},
{
"fieldName":"ACCESS_TYP",
"label":"ACCESS_TYP",
"visible":true
},
{
"fieldName":"RPT_ACRES",
"format":{
"digitSeparator":true,
"places":2
},
"label":"RPT_ACRES",
"visible":true
},
{
"fieldName":"GIS_ACRES",
"format":{
"digitSeparator":true,
"places":2
},
"label":"GIS_ACRES",
"visible":true
},
{
"fieldName":"AGNCY_NAME",
"label":"AGNCY_NAME",
"visible":true
},
{
"fieldName":"AGNCY_LEV",
"label":"AGNCY_LEV",
"visible":true
},
{
"fieldName":"AGNCY_TYP",
"label":"AGNCY_TYP",
"visible":true
},
{
"fieldName":"AGNCY_WEB",
"label":"AGNCY_WEB",
"visible":true
},
{
"fieldName":"MNG_AGENCY",
"label":"MNG_AGENCY",
"visible":true
},
{
"fieldName":"COGP_TYP",
"label":"COGP_TYP",
"visible":true
},
{
"fieldName":"NDS_AN_TYP",
"label":"NDS_AN_TYP",
"visible":true
},
{
"fieldName":"NEEDS_ANLZ",
"label":"NEEDS_ANLZ",
"visible":true
},
{
"fieldName":"TKIT_SUM",
"label":"TKIT_SUM",
"visible":true
},
{
"fieldName":"AMEN_RPT",
"label":"AMEN_RPT",
"visible":true
},
{
"fieldName":"PRKINF_CND",
"label":"PRKINF_CND",
"visible":true
},
{
"fieldName":"AM_OPNSP",
"label":"AM_OPNSP",
"visible":true
},
{
"fieldName":"AM_TRLS",
"label":"AM_TRLS",
"visible":true
},
{
"fieldName":"TRLS_MI",
"format":{
"digitSeparator":true,
"places":2
},
"label":"TRLS_MI",
"visible":true
},
{
"fieldName":"TENIS",
"format":{
"digitSeparator":true,
"places":2
},
"label":"TENIS",
"visible":true
},
{
"fieldName":"BSKTB",
"format":{
"digitSeparator":true,
"places":2
},
"label":"BSKTB",
"visible":true
},
{
"fieldName":"BASEB",
"format":{
"digitSeparator":true,
"places":2
},
"label":"BASEB",
"visible":true
},
{
"fieldName":"SOCCR",
"format":{
"digitSeparator":true,
"places":2
},
"label":"SOCCR",
"visible":true
},
{
"fieldName":"MPFLD",
"format":{
"digitSeparator":true,
"places":2
},
"label":"MPFLD",
"visible":true
},
{
"fieldName":"FITZN",
"format":{
"digitSeparator":true,
"places":2
},
"label":"FITZN",
"visible":true
},
{
"fieldName":"SK8PK",
"format":{
"digitSeparator":true,
"places":2
},
"label":"SK8PK",
"visible":true
},
{
"fieldName":"PCNIC",
"format":{
"digitSeparator":true,
"places":2
},
"label":"PCNIC",
"visible":true
},
{
"fieldName":"PLGND",
"format":{
"digitSeparator":true,
"places":2
},
"label":"PLGND",
"visible":true
},
{
"fieldName":"POOLS",
"format":{
"digitSeparator":true,
"places":2
},
"label":"POOLS",
"visible":true
},
{
"fieldName":"SPPAD",
"format":{
"digitSeparator":true,
"places":2
},
"label":"SPPAD",
"visible":true
},
{
"fieldName":"DGPRK",
"format":{
"digitSeparator":true,
"places":2
},
"label":"DGPRK",
"visible":true
},
{
"fieldName":"GYM",
"format":{
"digitSeparator":true,
"places":2
},
"label":"GYM",
"visible":true
},
{
"fieldName":"COMCT",
"format":{
"digitSeparator":true,
"places":2
},
"label":"COMCT",
"visible":true
},
{
"fieldName":"SNRCT",
"format":{
"digitSeparator":true,
"places":2
},
"label":"SNRCT",
"visible":true
},
{
"fieldName":"RSTRM",
"format":{
"digitSeparator":true,
"places":2
},
"label":"RSTRM",
"visible":true
},
{
"fieldName":"TOTAL_GOOD",
"format":{
"digitSeparator":true,
"places":0
},
"label":"TOTAL_GOOD",
"visible":true
},
{
"fieldName":"TOTAL_FAIR",
"format":{
"digitSeparator":true,
"places":0
},
"label":"TOTAL_FAIR",
"visible":true
},
{
"fieldName":"TOTAL_POOR",
"format":{
"digitSeparator":true,
"places":0
},
"label":"TOTAL_POOR",
"visible":true
},
{
"fieldName":"TYPE",
"label":"TYPE",
"visible":true
},
{
"fieldName":"Shape__Area",
"format":{
"digitSeparator":true,
"places":2
},
"label":"Shape__Area",
"visible":true
},
{
"fieldName":"Shape__Length",
"format":{
"digitSeparator":true,
"places":2
},
"label":"Shape__Length",
"visible":true
}
],
"title":"Parks and Open Space"
},
"screenSizePerspective":true
},
{
"id":"164a5a40b71-layer-3",
"title":"Trails",
"url":"https://services3.arcgis.com/GVgbJbqm8hXASVYi/ArcGIS/rest/services/Trails/FeatureServer/0",
"layerType":"ArcGISFeatureLayer",
"popupInfo":{
"showAttachments":true,
"popupElements":[
{
"type":"fields"
},
{
"type":"attachments"
}
],
"fieldInfos":[
{
"fieldName":"FID",
"format":{
"digitSeparator":true,
"places":0
},
"label":"FID",
"visible":true
},
{
"fieldName":"TRL_NAME",
"label":"TRL_NAME",
"visible":true
},
{
"fieldName":"TRL_ID",
"format":{
"digitSeparator":true,
"places":0
},
"label":"TRL_ID",
"visible":true
},
{
"fieldName":"ELEV_MIN",
"format":{
"digitSeparator":true,
"places":0
},
"label":"ELEV_MIN",
"visible":true
},
{
"fieldName":"ELEV_MAX",
"format":{
"digitSeparator":true,
"places":0
},
"label":"ELEV_MAX",
"visible":true
},
{
"fieldName":"ELEV_GAIN",
"format":{
"digitSeparator":true,
"places":0
},
"label":"ELEV_GAIN",
"visible":true
},
{
"fieldName":"LENGTH_FT",
"format":{
"digitSeparator":true,
"places":0
},
"label":"LENGTH_FT",
"visible":true
},
{
"fieldName":"LENGTH_MI",
"format":{
"digitSeparator":true,
"places":0
},
"label":"LENGTH_MI",
"visible":true
},
{
"fieldName":"USE_HIKE",
"label":"USE_HIKE",
"visible":true
},
{
"fieldName":"USE_BIKE",
"label":"USE_BIKE",
"visible":true
},
{
"fieldName":"USE_EQU",
"label":"USE_EQU",
"visible":true
},
{
"fieldName":"USE_ATV",
"label":"USE_ATV",
"visible":true
},
{
"fieldName":"PET_ACC",
"label":"PET_ACC",
"visible":true
},
{
"fieldName":"Shape__Length",
"format":{
"digitSeparator":true,
"places":2
},
"label":"Shape__Length",
"visible":true
}
],
"title":"Trails"
},
"screenSizePerspective":true
},
{
"id":"164a5a4587c-layer-4",
"title":"Trailheads",
"url":"https://services3.arcgis.com/GVgbJbqm8hXASVYi/ArcGIS/rest/services/Trailheads/FeatureServer/0",
"layerType":"ArcGISFeatureLayer",
"popupInfo":{
"showAttachments":true,
"popupElements":[
{
"type":"fields"
},
{
"type":"attachments"
}
],
"fieldInfos":[
{
"fieldName":"OBJECTID",
"format":{
"digitSeparator":true,
"places":0
},
"label":"OBJECTID",
"visible":true
},
{
"fieldName":"TRL_NAME",
"label":"TRL_NAME",
"visible":true
},
{
"fieldName":"PARK_NAME",
"label":"PARK_NAME",
"visible":true
},
{
"fieldName":"TRL_ID",
"format":{
"digitSeparator":true,
"places":0
},
"label":"TRL_ID",
"visible":true
},
{
"fieldName":"SEG_ID",
"format":{
"digitSeparator":true,
"places":0
},
"label":"SEG_ID",
"visible":true
},
{
"fieldName":"FEATURE",
"label":"FEATURE",
"visible":true
},
{
"fieldName":"FEAT_CMNT",
"label":"FEAT_CMNT",
"visible":true
},
{
"fieldName":"ELEV_FT",
"format":{
"digitSeparator":true,
"places":0
},
"label":"ELEV_FT",
"visible":true
},
{
"fieldName":"CITY_JUR",
"label":"CITY_JUR",
"visible":true
},
{
"fieldName":"ZIP_CODE",
"format":{
"digitSeparator":true,
"places":0
},
"label":"ZIP_CODE",
"visible":true
},
{
"fieldName":"SUP_DIST",
"label":"SUP_DIST",
"visible":true
},
{
"fieldName":"X_STREET",
"label":"X_STREET",
"visible":true
},
{
"fieldName":"PARKING",
"label":"PARKING",
"visible":true
},
{
"fieldName":"PHOTO",
"label":"PHOTO",
"visible":true
},
{
"fieldName":"LAT",
"format":{
"digitSeparator":true,
"places":2
},
"label":"LAT",
"visible":true
},
{
"fieldName":"LON",
"format":{
"digitSeparator":true,
"places":2
},
"label":"LON",
"visible":true
}
],
"title":"Trailheads"
},
"screenSizePerspective":true
}
],
"baseMap":{
"baseMapLayers":[
{
"id":"World_Imagery_2017",
"title":"World Imagery",
"url":"https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer",
"layerType":"ArcGISTiledMapServiceLayer"
}
],
"id":"16a0864b65d-basemap-6",
"title":"Imagery",
"elevationLayers":[
{
"id":"globalElevation",
"listMode":"hide",
"title":"Terrain3D",
"url":"https://elevation3d.arcgis.com/arcgis/rest/services/WorldElevation3D/Terrain3D/ImageServer",
"layerType":"ArcGISTiledElevationServiceLayer"
}
]
},
"ground":{
"layers":[
{
"id":"globalElevation",
"listMode":"hide",
"title":"Terrain3D",
"url":"https://elevation3d.arcgis.com/arcgis/rest/services/WorldElevation3D/Terrain3D/ImageServer",
"layerType":"ArcGISTiledElevationServiceLayer"
}
],
"transparency":0,
"navigationConstraint":{
"type":"stayAbove"
}
},
"heightModelInfo":{
"heightModel":"gravity_related_height",
"heightUnit":"meter"
},
"version":"1.15",
"authoringApp":"WebSceneViewer",
"authoringAppVersion":"7.1.0.0",
"initialState":{
"environment":{
"lighting":{
"datetime":1521143714000,
"displayUTCOffset":-8
},
"atmosphereEnabled":true,
"starsEnabled":true
},
"viewpoint":{
"camera":{
"position":{
"spatialReference":{
"latestWkid":3857,
"wkid":102100
},
"x":-1.3225583646550745E7,
"y":4024906.147778172,
"z":2302.7733840774745
},
"heading":0.03829051473383194,
"tilt":70.94183256161617
}
}
},
"spatialReference":{
"latestWkid":3857,
"wkid":102100
},
"viewingMode":"global"
}Like a web map, a web scene is JSON structure according to web scene specifications
Scene Viewer
Resources
Documentation
Videos
Code snippets
Thank you!
Anita Kemp
akemp@esri.com
ArcGIS Platform - Developer Tools
By anita_k
ArcGIS Platform - Developer Tools
- 658
