Get service metadata

Retrieve service metadata such as metadata such as name, bounding box and capabilities. To learn more about using the L.esri.FeatureLayer class, visit the API reference.

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
58
59
60
61
62
63
64
65
66
67
68
<html>
  <head>
    <meta charset="utf-8" />
    <title>Get service metadata</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" />
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" crossorigin="" />
    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" crossorigin=""></script>
    <!-- Load Esri Leaflet from CDN -->
    <script src="https://unpkg.com/esri-leaflet@3.0.12/dist/esri-leaflet.js"></script>
    <!-- Load Esri Leaflet Vector from CDN -->
    <script src="https://unpkg.com/esri-leaflet-vector@4.2.5/dist/esri-leaflet-vector.js" crossorigin=""></script>
    <style>
      html,
      body,
      #map {
        padding: 0;
        margin: 0;
        height: 100%;
        width: 100%;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #323232;
      }
    </style>
  </head>
  <body>
    <style>
      #info {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 1000;
        background: white;
        padding: 1em;
      }
    </style>
    <div id="map"></div>
    <div id="info" class="leaflet-bar"></div>
    <script>
      const accessToken = "YOUR_ACCESS_TOKEN";

      const map = L.map("map").setView([37.837, -122.479], 8);

      L.esri.Vector.vectorBasemapLayer("arcgis/streets-relief", {
        token: accessToken
      }).addTo(map);

      const earthquakes = L.esri
        .featureLayer({
          url: "https://sampleserver6.arcgisonline.com/arcgis/rest/services/Earthquakes_Since1970/MapServer/0"
        })
        .addTo(map);

      earthquakes.metadata(function (error, metadata) {
        if (error) {
          return;
        }

        let htmlContent = "<ul>";
        htmlContent += "<li>Name: " + metadata.name + "</li>";
        htmlContent += "<li>Geometry Type: " + metadata.geometryType + "</li>";
        htmlContent += "<li>Supported Query Formats: " + metadata.supportedQueryFormats + "</li>";

        document.getElementById("info").innerHTML = htmlContent;
      });
    </script>
  </body>
</html>

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