Skip to content
Display ArcGIS Online vector basemaps w/ Esri Leaflet
JavaScript HTML Shell
Branch: master
Clone or download
Latest commit 8a9b605 Feb 7, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
debug lint for the lint gods Feb 7, 2019
profiles refactor build system Mar 30, 2018
scripts 📦 1.0.1 (#5) Sep 15, 2016
src lint for the lint gods Feb 7, 2019
.gitignore rewrite as an ES6 esri leaflet plugin Sep 15, 2016 📦 v2.0.1 Sep 14, 2018
LICENSE first working example Jan 21, 2016 📦 v2.0.1 Sep 14, 2018
example.png rewrite as an ES6 esri leaflet plugin Sep 15, 2016
package-lock.json add in some new basemaps. still neeed to test Feb 5, 2019
package.json 📦 v2.0.1 Sep 14, 2018

Esri Leaflet Vector Tile Plugin

npm version apache licensed

An experimental plugin for Esri Leaflet to visualize Vector tiles from ArcGIS Online. Built on top of mapbox-gl-leaflet.


The code here is a house of cards that attempts to synchronize a WebGLRenderingContext with a Leaflet map.

  • It doesn't support rotation
  • It can't draw more than one vector tile source at a time.
  • 404s will be encountered when zooming in past zoom level 15 in areas without much feature density.

For production applications, the ArcGIS API for JavaScript is a much more appropriate choice.


Take a look at the live demo.

Example Image

  <meta charset=utf-8 />
  <title>Esri Vector Basemap</title>
  <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />

  <!-- Load Leaflet from CDN -->
  <link rel="stylesheet" href=""/>
  <script src=""></script>

  <!-- Load Mapbox GL -->
  <link rel="stylesheet" href=""/>
  <script src=""></script>

  <!-- Esri Leaflet and Esri Leaflet Vector -->
  <script src=""></script>
  <script src=""></script>

    body {margin:0;padding:0;}
    #map {position: absolute;top:0;bottom:0;right:0;left:0;}

<div id="map"></div>

  var map ='map').setView([ 40.706, -73.926], 14);


API Reference



Development Instructions

  1. Fork and clone this repo
  2. cd into the esri-leaflet-vector folder
  3. Install the dependencies with npm install
  4. run npm run build to compile the raw source inside a newly created dist folder.
  5. run npm test from the command line to execute tests
  6. Open debug/sample.html to see local changes in action.
  7. Create a pull request if you'd like to share your work.




Find a bug or want to request a new feature? Please let us know by submitting an issue.

Please take a look at previous issues on Esri Leaflet and Esri Leaflet Vector that resolve common problems.

You can also post issues on the GIS Stack Exchange an/or the Esri Leaflet place on GeoNet.


Esri welcomes contributions from anyone and everyone. Please see our guidelines for contributing.



Copyright © 2016-2018 Esri

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

A copy of the license is available in the repository's LICENSE file.

You can’t perform that action at this time.