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
<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
<script
  src="https://unpkg.com/esri-leaflet@3.0.10/dist/esri-leaflet.js"
  integrity="sha512-i9mZ/0lnBMdKZjkVQXImtZbWzrhomyyQzXarfT4ki1eD/Bi+rcV4lFyzX52lbRQtqj070JQea4p8QNCMrHzuYg=="
  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
<script
  src="https://unpkg.com/esri-leaflet-vector@4.0.2/dist/esri-leaflet-vector.js"
  integrity="sha512-aAHWbFg6VxHNSajpIsE9TfRZQBVNEJjVbiTE1VhpRtrYLP7KoPl0ZCyAKiTrAYFfl4lNce1ZHpEJJ0lA/LB3pQ=="
  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
<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
<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
<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
<script
  src="https://unpkg.com/esri-leaflet-renderers@3.0.0/dist/esri-leaflet-renderers.js"
  integrity="sha512-tqY7QUz7UHKLqhBX1SVYBsn6EKeadkSqYXsdj3RbzZdY8jUq1t0Hi+CS7vylbMIM/jcmN4PgelBhiKvCjTJ7GQ=="
  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
<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>

Esri Leaflet

Install and set up

Was this page helpful?

Was this page helpful?