JSFiddle - React, Tailwind, and code Playground
by Alex Azuero
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=7,IE=9" />
<!--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>Esri Map and jQuery</title>
<!-- ArcGIS API for JavaScript -->
<script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=3.0compact"></script>
<!-- Load jQuery and jQuery UI via Google AJAX Libraries API -->
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/redmond/jquery.ui.all.css" rel="Stylesheet" />
<style type="text/css">
.simpleInfoWindow, .simpleInfoWindow .title {
border-color: #5C9CFF;
}
.simpleInfoWindow .title{
font-weight:bold;
}
</style>
<!-- Note that the new "Auto-Loading" feature is used by encoding the list of required modules in the URL (More info here: http://code.google.com/apis/ajax/documentation/#AutoLoading) -->
<script type="text/javascript" src="http://www.google.com/jsapi?key=qDCtRVNLgUhnJVaabm69uDjeZg&autoload=%7B%27modules%27%3A%5B%7B%27name%27%3A%27jquery%27%2C%27version%27%3A%271.4.2%27%7D%2C%7B%27name%27%3A%27jqueryui%27%2C%27version%27%3A%271.8.2%27%7D%5D%7D"></script>
<script type="text/javascript">
/*************
* Dojo stuff
*************/
dojo.require("esri.map");
dojo.require("esri.tasks.Query");
dojo.addOnLoad(init);
var map,queryTask;
function init() {
queryTask = new esri.tasks.QueryTask("http://armstrong.uww.edu/ArcGIS/rest/services/NewCampus/MapServer/27");
map = new esri.Map("map");
dojo.connect(map, "onLoad",...