JSFiddle - React, Tailwind, and code Playground

by kenbuja

HTML

<!DOCTYPE html>  
<html>  
<head>  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
    <!--The viewport meta tag is used to improve the presentation and behavior of the samples  
      on iOS devices-->  
    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">  
    <title>Identify with Popup</title>  
  
    <link rel="stylesheet" href="http://js.arcgis.com/3.9/js/dojo/dijit/themes/claro/claro.css">
    <link rel="stylesheet" href="http://js.arcgis.com/3.9/js/esri/css/esri.css">
    <style>  
        html, body, #map {  
            height: 100%;  
            width: 100%;  
            margin: 0;  
            padding: 0;  
        }  
    </style>  
  
    <script>var dojoConfig = { parseOnLoad: true };</script>  
    <script src="http://js.arcgis.com/3.9/"></script>  
    <script>  
  
        var map;  
        var identifyTask, identifyParams, idPoint;  
        var identifyResults;  
  
        require([  
          "esri/map", "esri/layers/ArcGISDynamicMapServiceLayer", "esri/dijit/Popup", "dojo/promise/all", "dijit/layout/BorderContainer", "dijit/layout/ContentPane",  "dojo/domReady!"  
        ], function (  
          Map, ArcGISDynamicMapServiceLayer, Popup, All  
        ) {  
            
			
			var popup = new 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"));  
 
            map = new Map("map", {  
                basemap: "satellite",  
                center: [-83.275, 42.573],  
                zoom: 18,  
                infoWindow: popup  
            });  
			
			
			//map.on("load", mapReady);
  
            dojo.connect(map, "onLoad", mapReady);  
  
            var landBaseLayer = new...