Display a GeoRSS file on a map using the esri.layers.GeoRSS class. GeoRSS files must be on a publicly accessible server.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
<title>GeoRSS</title>
<link rel="stylesheet" href="https://js.arcgis.com/3.46/dijit/themes/tundra/tundra.css">
<link rel="stylesheet" href="https://js.arcgis.com/3.46/esri/css/esri.css">
<style>
html, body { height: 100%; width: 100%; margin: 0; padding: 0; }
#map { height: 100%; margin: 0; padding: 0; }
#meta {
position: absolute;
left: 20px;
bottom: 20px;
width: 20em;
height: 5em;
z-index: 40;
background: #fff;
color: #777;
padding: 5px;
border: 2px solid #666;
border-radius: 5px;
font-family: arial;
font-size: 0.9em;
}
#meta h3 {
color: #666;
font-size: 1.1em;
padding: 0px;
margin: 0px;
display: inline-block;
}
#loading {
float: right;
}
</style>
<script src="https://js.arcgis.com/3.46/"></script>
<script>
var map;
require([
"esri/map", "esri/layers/GeoRSSLayer", "esri/InfoTemplate",
"dojo/parser", "dojo/_base/array", "dojo/dom-style",
"dijit/layout/BorderContainer", "dijit/layout/ContentPane", "dojo/domReady!"
], function(
Map, GeoRSSLayer, InfoTemplate,
parser, arrayUtils, domStyle
) {
map = new esri.Map("map",{
basemap: "oceans",
center: [-107, 42],
zoom: 5
});
// create layout dijits
parser.parse();
var georssUrl = "https://arcgis.github.io/arcgis-samples-javascript/sample-data/layers-georss/sample-georss.xml";
var georss = new GeoRSSLayer(georssUrl);
georss.on("load", function() {
// create an info template
var template = new InfoTemplate("${name}", "${description}");
// set the info template for the feature layers that make up the GeoRSS layer
// the GeoRSS layer contains one feature layer for each geometry type
var layers = georss.getFeatureLayers();
arrayUtils.forEach(layers, function(l) {
l.setInfoTemplate(template);
});
});
map.addLayer(georss);
});
</script>
</head>
<body class="tundra">
<div data-dojo-type="dijit/layout/BorderContainer"
data-dojo-props="design:'headline',gutters:false"
style="width: 100%; height: 100%; margin: 0;">
<div id="map"
data-dojo-type="dijit/layout/ContentPane"
data-dojo-props="region:'center'">
<div id="meta">
<h3>Display GeoRSS on a map</h3>
<br>
The map displays a simple GeoRSS file with a point and a polygon.
</div>
</div>
</div>
</body>
</html>