Install and set up

You can access Esri Leaflet modules on the CDN or you can install them with NPM. The builds are also available for download on GitHub. To find the latest release and to learn about older versions and compatibility, go to Releases.

Leaflet library

leaflet

leaflet is distributed as both ES Modules and Common JS modules.

Use dark colors for code blocksCopy
1
2
3
4
5
6
7
8
9
<script
  src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
  integrity="sha512-BwHfrr4c9kmRkLw6iXFdzcdWV/PGkVgiIyIWLLlTSXzWQzxuSg4DiQUCpauz/EWjgk5TYQqX/kvn9pG1NpYfqg=="
  crossorigin=""></script>
<link
    rel="stylesheet"
    href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
    integrity="sha512-Zcn6bjR/8RZbLEpLIeOwNtzREBAJnUKESxces60Mpoj+2okopSAcSUIUOseddDm0cxnGQzxIR7vJgsLZbdLE3w=="
    crossorigin="" />

Esri Leaflet plugin

The main CDN and NPM references are listed below. To find other Esri and community plugins, go to Plugins.

esri-leaflet

Access the core mapping functionality to interact with ArcGIS location services.

esri-leaflet is distributed as both ES Modules and Common JS modules.

Use dark colors for code blocksCopy
1
2
3
4
<script
  src="https://unpkg.com/esri-leaflet@3.0.12/dist/esri-leaflet.js"
  integrity="sha512-G4+fuKc1B96F0sUG7eKtgiJr0JM3iQC4bfc8WtYvmm7msHES0Hst2mLWASPb8zZk91tqMG86AjP0tgXIEFPPUA=="
  crossorigin=""></script>

esri-leaflet-vector

Access and display vector tile layers and vector basemap layers.

esri-leaflet-vector is distributed as both ES Modules and Common JS modules.

Use dark colors for code blocksCopy
1
2
3
4
<script
  src="https://unpkg.com/esri-leaflet-vector@4.2.3/dist/esri-leaflet-vector.js"
  integrity="sha512-/H7f4mjvCB73Rsi7cWCW0Z3Zl1InqvtGOQsipk5ClXhAxfrw6GSjEnPz2VVTuh7dE29ws8tS3OGHowmkEae2/A=="
  crossorigin=""></script>

esri-leaflet-geocoder

A visual control for finding addresses and places that uses the geocoding service.

esri-leaflet-geocoder is distributed as both ES Modules and Common JS modules.

Use dark colors for code blocksCopy
1
2
3
4
5
6
7
8
9
<script
  src="https://unpkg.com/esri-leaflet-geocoder@3.1.4/dist/esri-leaflet-geocoder.js"
  integrity="sha512-ODcrBUbBplqiGXL2S0tWNVYStUTTWYyQcSrCLjIW8vL+CEb758m7Dm0v5vyl8qrT8stBwKaYVWZTGymf7vj9jg=="
  crossorigin=""></script>
<link
    rel="stylesheet"
    href="https://unpkg.com/esri-leaflet-geocoder@3.1.4/dist/esri-leaflet-geocoder.css"
    integrity="sha512-BkZKghR9DV2LpDgmb/Uvl8bdoQj9O6OkkgbfXVpFfHTGcrHGqJIk1J5t+ZY5E3peLfTBazzjScnBguwthKvC1g=="
    crossorigin="" />

esri-leaflet-cluster

Display clusters for overlapping points in a feature layer.

esri-leaflet-cluster is distributed as both ES Modules and Common JS modules.

Use dark colors for code blocksCopy
1
2
3
4
<script
  src="https://unpkg.com/esri-leaflet-cluster@3.0.1/dist/esri-leaflet-cluster.js"
  integrity="sha512-owlLNb9FC1P/vOTmW7GHEfuqsD54Xqj+B49XDVIqWlRTdPVXN4b/OrdarBVMP9ITeikRa3qj2HYQuFFORGCF4A=="
  crossorigin=""></script>

esri-leaflet-heatmap

Constructs a heatmap layer from a feature layer that contains points.

esri-leaflet-heatmap is distributed as both ES Modules and Common JS modules.

Use dark colors for code blocksCopy
1
2
3
4
<script
  src="https://unpkg.com/esri-leaflet-heatmap@2.0.1/dist/esri-leaflet-heatmap.js"
  integrity="sha512-lLo+xSNI2/unVl7Diwz+umq6xVFELYCt2kyhTSY5Gc07D62Uag68BZeXiqaN9sfnAwyq27uu912N06sRXweH2w=="
  crossorigin=""></script>

esri-leaflet-renderers

Display the renderer and symbols defined in the feature service for a feature layer.

esri-leaflet-renderers is distributed as both ES Modules and Common JS modules.

Use dark colors for code blocksCopy
1
2
3
4
<script
  src="https://unpkg.com/esri-leaflet-renderers@3.0.1/dist/esri-leaflet-renderers.js"
  integrity="sha512-ObP+hL762A0l3J0MfLlH5cEfpDiN0ItUJwm71EZ/X/EMsLyOMOW2GQHO8i/nLvseh8n68/UDjIev2nYwCtYqHQ=="
  crossorigin=""></script>

esri-leaflet-gp

Simplifies making calls to geoprocessing tasks.

esri-leaflet-gp is distributed as both ES Modules and Common JS modules.

Use dark colors for code blocksCopy
1
2
3
4
<script
  src="https://unpkg.com/esri-leaflet-gp@3.0.0/dist/esri-leaflet-gp.js"
  integrity="sha512-eCye7787EK8BVBNsj7Azq0fSpj3TaUc++phMoSySv+qoJ+F8+uOQr97GKg/76R1kgdlbBIRst5Sd2/xxeuN+Xg=="
  crossorigin=""></script>

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.