Learn how to integrate popular open source mapping APIs such as Leaflet, OpenLayers and Mapbox GL JS with ArcGIS service such as basemaps, routing, geocoding and vector tiles.
Resources
=============
Slides: https://esriurl.com/ds21os
Leaflet
Documentation & Tutorials: https://developers.arcgis.com/esrile...
Esri Community (questions): https://esriurl.com/communityesrile...
GitHub (source code & issues): https://github.com/esri/esrileaflet
MapLibre
Documentation & Tutorials: https://developers.arcgis.com/mapbox...
Esri Community (questions): https://community.esri.com/t5/usinga...
GitHub: https://github.com/maplibre/maplibre...
OpenLayers
Documentation & Tutorials: https://developers.arcgis.com/openlay...
Esri Community (questions): https://community.esri.com/t5/usinga...
GitHub: https://github.com/openlayers/openlayers
Chapters
=============
00:00 Intro
00:27 Why Leaflet, OpenLayers and Mapbox GL JS
00:52 Why not to choose these
01:55 What is supported?
02:21 Additional Esri Leaflet features?
03:03 Making the right choice
03:37 Asking the right questions
04:45 Hello world with Esri Leaflet
06:30 Custom vector tile style with Esri Leaflet
08:04 Search for an address with Esri Leaflet
10:20 Find service areas with Esri Leaflet
13:13 Query demographic data with Esri Leaflet
15:23 Why the split from Mapbox GL JS to MapLibre GL JS
17:07 Basemap + Services with Mapbox GL JS v1.12
19:32 Query your own hosted data with Mapbox GL JS
22:28 Create and host vector tiles with Mapbox GL JS
29:51 Final considerations
30:50 Hello world with OpenLayers 6
33:00 Add feature layer with OpenLayers 6
34:12 Routing with OpenLayers
39:18 Resources: Esri Leaflet
39:44 Resources: MapLibre
39:54 Resources: OpenLayers
Follow us on Social Media!
Twitter: / esri
Facebook: / esrigis
LinkedIn: / esri
Instagram: / esrigram
The Science of Where: http://www.esri.com
12540