JSFiddle - React, Tailwind, and code Playground

by Alex Azuero

HTML

<!doctype html>
<html lang="en"> 
  <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=7" /> 
    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/> 
    <title>Explicitly Create Map Service Layer List</title> 
 
    <link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/2.4/js/dojo/dijit/themes/claro/claro.css"> 
    <link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/2.4/js/esri/dijit/css/Popup.css"> 
    <script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=2.4"></script> 
 
    <script type="text/javascript"> 
      dojo.require("esri.map");
      dojo.require("esri.dijit.Popup");

      var layer, map, visible = [];
      var identifyTask, identifyParams, identifyHandle = null;

      function init() {
        //setup the popup window 
        var popup = new esri.dijit.Popup({
          fillSymbol: new esri.symbol.SimpleFillSymbol(esri.symbol.SimpleFillSymbol.STYLE_SOLID, new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color([255, 0, 0]), 2), new dojo.Color([255, 255, 0, 0.25]))
        }, dojo.create("div"));

        var initialExtent = new esri.geometry.Extent(-9571474.89, 4592552, -9502681, 4638414, new esri.SpatialReference({
          wkid: 102100
        }));

        map = new esri.Map("map", {
          extent: initialExtent,
          infoWindow: popup
        });
        dojo.place(popup.domNode, map.root);
        
        dojo.connect(map, "onLoad", function(map) {
          initIdentify(map);
        });

        // Attach an onclick listener for each check box.
        // Update layer visiblity when each is checked clicked.
        var checkBoxes = dojo.query('input[type=checkbox]');
        dojo.forEach(checkBoxes, function(cb) {
          dojo.connect(cb, 'onclick',...