Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=7, IE=9, IE=10">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <title></title>
    <link rel="stylesheet" href="//js.arcgis.com/3.7/js/esri/css/esri.css">
    <style>
      html, body, #map {
        height: 100%; width: 100%; margin: 0; padding: 0; 
      }
    </style>
​
    <script src="//js.arcgis.com/3.7/"></script>
    <script>
var map;
require([
    "esri/map", "esri/layers/ArcGISTiledMapServiceLayer",
    "esri/layers/GeoRSSLayer", "esri/InfoTemplate", "dojo/parser",
    "dojo/_base/array", "dojo/dom-style", "esri/symbols/PictureMarkerSymbol", 
    "esri/renderers/SimpleRenderer", "dojo/_base/Color",
    "dijit/layout/BorderContainer", "dijit/layout/ContentPane",
    "dojo/domReady!"
], function (
    Map, Tiled,
    GeoRSSLayer, InfoTemplate, parser, 
    arrayUtils, domStyle, PictureMarkerSymbol,
    SimpleRenderer, Color
) {
    map = new Map("map");
    var carte = new Tiled("http://services.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Light_Gray_Base/MapServer");
    map.addLayer(carte);
    var georss = new GeoRSSLayer("http://dl.dropbox.com/u/2654618/data-mixed.xml");
    georss.on("load", function () {
        // domStyle.set("loading", "display", "none");
        // 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();
        console.log("layers...because I'm curious", layers);
        var picRenderer = new PictureMarkerSymbol("http://static.arcgis.com/images/Symbols/Shapes/YellowCircleLargeB.png", 16, 16);
        var georssRenderer = new SimpleRenderer(picRenderer);
        arrayUtils.forEach(layers, function (l) {
            l.setInfoTemplate(template);
            l.setRenderer(georssRenderer)
       });
    });
    map.addLayer(georss);
    //THE END                      
});
    </script>
  </head>
  <body>
    <div id="map"></div>
  </body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers