GeoRSSLayer | Sample | ArcGIS Maps SDK for JavaScript

This sample uses the GeoRSSLayer to display a sample GeoRSS feed containing one point and one polygon.

// Point to the rss feed url
const layer = new GeoRSSLayer({
  url: "https://arcgis.github.io/arcgis-samples-javascript/sample-data/layers-georss/sample-georss.xml",
});

<!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.0/"></script>

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

  <body>
    <arcgis-map basemap="streets-vector">
      <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://arcgis.github.io/arcgis-samples-javascript/sample-data/layers-georss/sample-georss.xml",
      });

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

      await viewElement.viewOnReady();

      viewElement.map.add(layer);

      // Wait for the layer to be ready for use.
      await viewElement.whenLayerView(layer);

      // Use the component's goTo method to zoom to the layer.
      viewElement.goTo(layer.fullExtent);
    </script>
  </body>
</html>