The MapLibre ArcGIS plugin allows you to easily access and work with the ArcGIS Basemap Styles service, feature services, and vector tile services. To use the library you must first install the MapLibre GL JS library in your project.
Current version: 1.0.0
Install
Below are the steps to install the maplibre-gl and maplibre-arcgis package via NPM or to include it directly using CDN links.
NPM
Install the following packages:
npm install maplibre-gl
npm install @esri/maplibre-arcgisCDN
You can use maplibre-arcgis from a script tag. All exports will be added to a global maplibre object.
index.html
<!-- Maplibre GL JS -->
<script src=https://unpkg.com/maplibre-gl@5.10.0/dist/maplibre-gl.js></script>
<link href=https://unpkg.com/maplibre-gl@5.10.0/dist/maplibre-gl.css rel="stylesheet" />
<!-- MapLibre ArcGIS -->
<script src="https://unpkg.com/@esri/maplibre-arcgis@1.0.0/dist/umd/maplibre-arcgis.min.js"></script>You can also use maplibre-arcgis as an ES Module.
index.html
<script type="importmap">
{
"imports": {
"maplibre-gl": "https://esm.run/maplibre-gl",
"maplibre-arcgis": "https://unpkg.com/@esri/maplibre-arcgis@1.0.0/dist/esm/maplibre-arcgis.min.js"
}
}
</script>app.js
import maplibregl from "maplibre-gl";
import maplibreArcGIS from "maplibre-arcgis";