Building Web Apps with Open Source Mapping APIs [2021]

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/esri-le...
💬 Esri Community (questions): https://esriurl.com/community-esri-le...
💻 GitHub (source code & issues): https://github.com/esri/esri-leaflet

MapLibre
📙 Documentation & Tutorials: https://developers.arcgis.com/mapbox-...
💬 Esri Community (questions): https://community.esri.com/t5/using-a...
💻 GitHub: https://github.com/maplibre/maplibre-...

OpenLayers
📙 Documentation & Tutorials: https://developers.arcgis.com/openlay...
💬 Esri Community (questions): https://community.esri.com/t5/using-a...
💻 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