JSFiddle - React, Tailwind, and code Playground

by dbouwman

HTML

<!DOCTYPE html>
<html>
<head>
  <title>Create a Map</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
  <link rel="stylesheet" href="http://js.arcgis.com/3.8/js/dojo/dijit/themes/claro/claro.css">
  <link rel="stylesheet" href="http://js.arcgis.com/3.8/js/esri/css/esri.css">
  <style>
    html, body, #mapDiv {
      padding: 0;
      margin: 0;
      height: 100%;
    }
  </style>
  
  <script src="http://js.arcgis.com/3.8/"></script>
  <script>
    dojo.require("esri.map");
    dojo.require("esri.layers.FeatureLayer");
    var map, l;
    function init(){
     map = new esri.Map("mapDiv", {
        center: [-111.8, 40.7],
        zoom: 6,
        basemap: "streets"
      });
      l = new esri.layers.FeatureLayer('http://mapserv.utah.gov/arcgis/rest/services/UtahPLSS/MapServer/12', {mode:0});
      l.on("load", function() { l.minScale = 0; l.maxScale = 0; });
      map.addLayer(l);
      
    }
    dojo.ready(init);
  </script>

</head>
<body class="claro">
  <div id="mapDiv"></div>
</body>
</html>