What are we going to cover?

0. What is ArcGIS?

1. App examples

2. Dev website and dashboard

3. REST API

4. Data > Design > Develop

5. JavaScript API

6. Hello World

7. Frameworks - React

8. Resources

What is ArcGIS?

• Apps and APIs for mapping your data
• Create, manage, analyze, share maps

What is ArcGIS?

• Apps and APIs for mapping your data
• Create, manage, analyze, share spatial data

Lightweight options:

• ArcGIS Online - fully online SaaS, nothing to install
• Data Science - Python packages for analysis, data management
• Developer tools - SDKs, APIs, app builders and templates, open source repos

Heavier options:

• ArcGIS Pro - desktop workstation
• ArcGIS Enterprise - server of maps, tools, IT integration

https://developers.arcgis.com/documentation/mapping-apis-and-location-services/

ArcGIS for Developers website - developers.arcgis.com

​

• host data as web services
• make maps
• build apps
  • ​api keys
  • app builders
  • templates
• cloud hosting
• cloud data mgmt
• cloud processing

3. REST API

https://route.arcgis.com/arcgis/rest/services/World/Route/NAServer/Route_World/solve?stops=-117.1956,34.0564;-117.1825,34.0572&token=[token]&f=pjson

4. Data > Design > Develop

if you just want to see the solution

Search for data

• Data portals
  • web search keywords: GIS, map, data, download
  • government "open data" portals: fed, state, county, city
  • data.gov
• ArcGIS Online - ArcGIS.com
  • shared by the ArcGIS user community
• Living Atlas of the World
  • livingatlas.arcgis.com

Search for data

• hub.arcgis.com - open data

https://services.arcgis.com/uKN48PkxmWiqJM9q/arcgis/rest/services/DSNY_GetFoodNYC_Sites_(open_data)/FeatureServer/0/

"REST Endpoint"  =

URL/URI to a hosted feature service, web service

Import data

Shapefiles

File Geodatabases

GeoJSON

CSV

Excel

KML/KMZ

GeoPackage

https://developers.arcgis.com/documentation/mapping-apis-and-location-services/data/tutorials/tools/

import-data-as-a-feature-layer/

shortcut

REST endpoint URL

also supports HTML/CSS formatting

Web AppBuilder

Experience Builder

Operations Dashboard

StoryMaps

5. JavaScript API

Hands-on learning

0: Import Data, Create a web map (if needed)

1. Create a starter app - Hello World!

2. Select a basemap

3. Add layers to a map

4. Query a feature layer

5. Add a widget - Get map coordinates

6. Search and find NYC Open Data (bike data demo)

7. Connect to GeoJSON data, Intro to SODA API

8. More new stuff: Editor widget, DotDensityRenderer

Get started with the ArcGIS API for JavaScript

24 Tutorials - 10-15 min each

https://developers.arcgis.com/javascript/latest

ArcGIS API for JavaScript - developer website

Full support for:

• Popular web frameworks
• TypeScript

7. Frameworks, React

JavaScript Frameworks

• github.com/esri

for non-Dojo apps

Angular

React

youtube.com : search "arcgis react"

8. Resources

Esri

Community

• 24/7
• Global
• Q&A forums
• Blog
• Videos

community.esri.com

Esri

on Github

• apps, templates, libraries, tools