Skip to content

Get started

MapLibre GL JS map with an ArcGIS basemap style.
Expand
Use dark colors for code blocksCopy
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
    <script>

      const accessToken = "YOUR_ACCESS_TOKEN";

      const map = new maplibregl.Map({
        container: "map", // Div element ID
        zoom: 1,
        center: [-20, 30] // [longitude, latitude]
      });

      // Display a style with the MapLibre ArcGIS plugin
      const basemapStyle = maplibreArcGIS.BasemapStyle.applyStyle(map, {
        style: 'arcgis/outdoor',
        token: accessToken
      });

    </script>
Expand

To learn how to get an access token, go to Create an API key.

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.