Integrating ArcGIS Services with Leaflet.js

Patrick McKinney
GIS Specialist
Cumberland County GIS
[email protected]

Why Leaflet.js?

• Large global community
• Tons of plugins to extend functionality
• Many types of data can be consumed

What Is Leaflet.js?

• Open-source JavaScript library for interactive web maps
• Supported across devices and operating systems
• Great documentation
• Tons of plugins

Sample Maps

• Cumberland County Medication Drop Boxes
• I-376 Parkway Corridor Feedback

Bootstrap Frameworks

• Bootleaf
• Esri Calcite Maps

Suite of Esri Leaflet Plugins

• Documentation site includes API reference & sample code
• Geocoder
• Vector Tiles
• Geoprocessing
• Many others

CodePen Map Samples

• Add GeoJSON to map
• Using non-standard cached map services
• Services loading screen and error message