JSFiddle - React, Tailwind, and code Playground
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="https://js.arcgis.com/3.26/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="https://js.arcgis.com/3.26/esri/css/esri.css">
<!--<link rel="stylesheet" href="http://js.arcgis.com/3.26/js/esri/css/esri.css">-->
<style>
html, body, .container, #map {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
#map {
padding: 0;
}
#layerListPane {
width: 25%;
}
.esriLayer {
background-color: #fff;
}
.esriLayerList .esriList {
border-top: none;
}
.esriLayerList .esriTitle {
background-color: #fff;
border-bottom: none;
}
.esriLayerList .esriList ul {
background-color: #fff;
}
</style>
<!--<script>var dojoConfig = { parseOnLoad: true };</script>-->
<script src="http://js.arcgis.com/3.26/"></script>
<script>
var map;
var identifyTask; var identifyParams; var idPoint;
var identifyResults;
require([
"esri/map",
"esri/arcgis/utils",
"esri/dijit/LayerList",
"esri/dijit/Popup",
"dojo/promise/all",
"dojo/domReady!" ,
"esri/tasks/IdentifyParameters",
"esri/tasks/IdentifyTask",
"dojo/_base/array"
], function (
Map,arcgisUtils,LayerList, Popup, All,IdentifyParameters,IdentifyTask,
array
) {
var popup = new Popup({
...