JSFiddle - React, Tailwind, and code Playground

by dbouwman

JavaScript

var config = {
   "baseMaps":[
      {
         "label":"streets",
         "type":"ArcGISTiledMapServiceLayer",
         "visible":true,
         "url":"http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer"
      }
   ],
   "overlayLayer":{
      "label":"overlaylabels",
      "name":"Labels",
      "alpha":"1",
      "type":"ArcGISTiledMapServiceLayer",
      "visible":true,
      "url":"http://services.arcgisonline.com/ArcGIS/rest/services/Reference/World_Boundaries_and_Places/MapServer"
   },
   "ipadImageCompression":"75",
   "defaultChangeMap":"CHANGEIMAGE_1975_2000",
   "defaultImageMap":"Infrared",
   "imageMapRasterFunction":{
      "rasterFunction":"Stretch",
      "rasterFunctionArguments":{
         "DRA":true,
         "NumberOfStandardDeviations":3,
         "StretchType":3
      }
   },
   "operationalLayers":[
      {
         "label":"NaturalColor",
         "alpha":"1",
         "type":"image",
         "visible":false,
         "name":"Natural Color",
         "imageFormat":"jpg",
         "url":"http://imagery.arcgisonline.com/arcgis/rest/services/LandsatGLS/NaturalColor/ImageServer",
         "legends":[
            {
               "label":"Snow/Ice",
               "imageUrl":"/natural_color/snow.png",
               "largeImageUrl":"/natural_color/snow_lrg.jpg",
               "description":"Ice fields, snow and glaciers east of Anchorage, Alaska."
            },
            {
               "label":"Urban",
               "imageUrl":"/natural_color/urban.png",
               "largeImageUrl":"/natural_color/urban_lrg.jpg",
               "description":"Urban and suburban areas surrounding Paris, France."
            },
            {
               "label":"Water",
               "imageUrl":"/natural_color/water.png",
               "largeImageUrl":"/natural_color/water_lrg.jpg",
               "description":"Atlantic Ocean off the coast of Rio de Janeiro, Brazil."
            },
            {
              ...