JSFiddle - React, Tailwind, and code Playground

by blordcastillo

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");
            dojo.require("dojo.DeferredList");            
            var map, idParams = new esri.tasks.IdentifyParameters();
            
            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(-11669671, 4297276, -10202080, 5031071, 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) {
                    initIdentifies(map);
                });

                //...