Get Started with

ArcGIS for Web Developers

developers.arcgis.com

Jim Barry  Solution Engineer, Infrastructure

         @JimBarry      jbarry@esri.com

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

 

 

 

1. App examples

2. Dev website

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

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

ArcGIS API for JavaScript - developer website

Full support for:

  • Popular web frameworks
  • TypeScript

6. Hello World

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

Get Started with

ArcGIS for Web Developers

developers.arcgis.com

Jim Barry  Solution Engineer, Transportation

         @JimBarry      jbarry@esri.com