JSFiddle - React, Tailwind, and code Playground

by dhunink

HTML

<script src="http://js.arcgis.com/3.12/init.js"></script>
<link rel="stylesheet" href="http://js.arcgis.com/3.12/dijit/themes/claro/claro.css"/>
<link rel="stylesheet" href="http://js.arcgis.com/3.12/esri/css/esri.css" />

<script>
  var dojoConfig = { 
    isDebug: true,
    async: false
  };
</script>

<script src="http://js.arcgis.com/3.12/"></script>

<div id="mainMapWindow" data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design:'headline', gutters:false">
		<div id="mapSelectProvince" data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:\'center\'"></div>
	</div>

JavaScript

jQuery( document ).ready(function( $ ) {
			  $("#selectProvinceListShortcode").on("change", function(){
			    if($(this).val()){
			      window.location.href = $(this).val();
			    }
			  });
		    });
			require(["esri/map", "esri/layers/ArcGISTiledMapServiceLayer", "esri/layers/FeatureLayer", "esri/graphic", "esri/tasks/query", "esri/dijit/InfoWindow", "esri/config", "dijit/layout/BorderContainer", "dijit/layout/ContentPane", "dojo/on", "dojo/mouse", "dojo/domReady!"], 
			function(
        		map, ArcGISTiledMapServiceLayer, FeatureLayer, Graphic, query, infoWindow, esriConfig, BorderContainer, ContentPane, on, mouse, dom
      		){
	
                var basemapURL   		= "http://tiles.arcgis.com/tiles/nSZVuSZjHpEZZbRo/arcgis/rest/services/Topografie_in_de_klas_nederland_ondergrond/MapServer";
        	map = new esri.Map("mapSelectProvince",{
  	  		  	zoom:7,
				center: [5.12, 52.30]
        	});  

                var contentFeatureLayer = new esri.layers.FeatureLayer("http://services.arcgis.com/nSZVuSZjHpEZZbRo/ArcGIS/rest/services/Topografie_in_de_klas_nederland/FeatureServer/0",{
		      	mode: esri.layers.FeatureLayer.ON_DEMAND,
		  	  	outFields: ["*"],
          	  	infoWindow: infoWindow
			});
        	contentFeatureLayer.setDefinitionExpression("Type='Provincie'");
        
        	map.addLayer(new esri.layers.ArcGISTiledMapServiceLayer(basemapURL));
        	map.addLayer(contentFeatureLayer);
        
        	contentFeatureLayer.on("mouse-over", function(evt){
				var name = evt.graphic.attributes.NAME;
				if(name == "Fryslân (Friesland)"){
					name = "Friesland";
				}
				if(name == "Groningen (prov.)"){
					name = "Groningen";
				}
				if(name == "Utrecht (prov.)"){
					name = "Utrecht";
				}
          		map.setMapCursor("pointer");
          		map.infoWindow.setTitle(evt.graphic.attributes.NAME);
                map.infoWindow.setContent('Provincie <a...