JSFiddle - React, Tailwind, and code Playground

by swingley

HTML

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=7,IE=9" />
    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>
    <title></title>
    <link rel="stylesheet" href="http://serverapi.arcgisonline.com/jsapi/arcgis/2.6/js/dojo/dijit/themes/tundra/tundra.css">
    <style>
      html, body { height: 100%; width: 100%; margin: 0; padding: 0; }
      #map{ margin: 0; padding: 0; }
    </style>
    <script>var dojoConfig = { parseOnLoad: true };</script>
    <script src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=2.6"></script>
    <script>
      dojo.require("dijit.layout.BorderContainer");
      dojo.require("dijit.layout.ContentPane");
      dojo.require("esri.map");
      
      var map, lods = [
        {"level":4,"resolution":9783,"scale":36978595},
        {"level":5,"resolution":4891,"scale":18489297},
        {"level":6,"resolution":2445,"scale":9244648},
        {"level":7,"resolution":1222,"scale":4622324},
        {"level":8,"resolution":611,"scale":2311162},
        {"level":9,"resolution":305,"scale":1155581},
        {"level":10,"resolution":152,"scale":577790},
        {"level":11,"resolution":76,"scale":288895},
        {"level":12,"resolution":38,"scale":144447},
        {"level":13,"resolution":19,"scale":72223},
        {"level":14,"resolution":9,"scale":36111},
        {"level":15,"resolution":4,"scale":18055},
        {"level":16,"resolution":2,"scale":9027}
      ];
      function init() {
        var ext, osmTerrain;
        
        // ext = new esri.geometry.Extent({"xmin":-13557692,"ymin":4628428,"xmax":-12719942,"ymax":5102338,"spatialReference":{"wkid":102100}});
        ext = new esri.geometry.Extent({"xmin":-14268906,"ymin":2718272,"xmax":-7568236,"ymax":6508797,"spatialReference":{"wkid":102100}});
        osmTerrain = new OpenStreetMapTerrainLayer();
        map = new esri.Map("map", { 
          "extent": ext, 
         ...