How to use basemaps not supported through L.esri.basemapLayer?

I’m trying to use an esri basemap which is not one of the dozen which are named/supported via L.esri.basemapLayer(). Specifically i would like to use the basemap being used in this map. https://www.arcgis.com/home/item.html?id=fcc7fd564c6441fba3b310d2281173b7 The basemap was developed specifically for my project which is part of a collaboration between esri and BYU and is composed of

• the basemap https://www.arcgis.com/home/item.html?id=b960bac420d74904a90ad78648a6d4db#overview
• and a reference/label layer https://www.arcgis.com/home/item.html?id=7920ff8d5fae45b883887c58767e7f41#overview

I’ve been trying to use L.esri.Vector.layer and L.esri.tiledMapLayer. The vector layer method seems to work for a second but then the basemap disappears and the console shows an error that i need to provide a token to use mapbox which is not really a viable option for the web app project i’m working on.

What is the right way to go about using these basemaps? Any suggestions?

Thanks!

[jgravois]

i’d recommend pegging the version of mapbox-gl-js loaded in the README in https://github.com/esri/esri-leaflet-vector as you described above.

[gavinr]

The vector layer method seems to work for a second but then the basemap disappears and the console shows an error that i need to provide a token

I think this is the same issue that’s reported here: https://github.com/Esri/esri-leaflet-vector/issues/61

Try changing your script tag from

<script src="https://unpkg.com/mapbox-gl/dist/mapbox-gl.js"></script>

to

<script src="https://unpkg.com/mapbox-gl@1.13.0/dist/mapbox-gl.js"></script>