The MapLibre ArcGIS plugin allows you to easily access and work with the ArcGIS Basemap Styles service, feature services, and vector tile services.
Current version: 1.0.0
Install
Below are the steps to install the maplibre-arcgis package. You can install it via NPM or include it directly in your project using a CDN.
NPM
Install the maplibre-arcgis package using NPM:
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.9.0/dist/maplibre-gl.js></script>
<link href=https://unpkg.com/maplibre-gl@5.9.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";