GeoRSSLayer | Sample | ArcGIS Maps SDK for JavaScript

This sample uses the GeoRSSLayer to display the USGS earthquake GeoRSS feed containing recent earthquake events.

      // Point to the rss feed url.
      const layer = new GeoRSSLayer({
        url: "https://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/all_day.atom",
      });

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <title>GeoRSSLayer | Sample | ArcGIS Maps SDK for JavaScript</title>

    <!-- Load the ArcGIS Maps SDK for JavaScript from CDN -->
    <script type="module" src="https://js.arcgis.com/5.1/"></script>

    <style>
      html,
      body {
        height: 100%;
        margin: 0;
      }
    </style>
  </head>

  <body>
    <arcgis-map basemap="streets-vector" center="200, 40" zoom="2">
      <arcgis-scale-bar slot="bottom-left"></arcgis-scale-bar>
    </arcgis-map>

    <script type="module">
      // Import layer class.
      const GeoRSSLayer = await $arcgis.import("@arcgis/core/layers/GeoRSSLayer.js");


      // Point to the rss feed url.
      const layer = new GeoRSSLayer({
        url: "https://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/all_day.atom",
      });


      // Get a reference to the Map component element.
      const viewElement = document.querySelector("arcgis-map");

      await viewElement.viewOnReady();

      viewElement.map.add(layer);
    </script>
  </body>
</html>