JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.iamdanridge.com/portfoliosite/js/spryMap.js"></script>
<html>
    <body>
        <div class="mymap">
            <img id="yourmap" src="http://www.iamdanridge.com/portfoliosite/images/image_one.png" />
        </div>
    </body>
</html>

CSS

div.yourmap { width: 400px; height: 300px;}
.mappy {  border: 3px red solid;  }

JavaScript

// Instantiate the widget when you want it to turned into a map,
// probably in the window.onload or $(document).ready() function.
// Default parameters are listed as the parameters below
  var map = new SpryMap({id : "yourmap",
                         height: 400,
                         width: 800,
                         startX: 200,
                         startY: 200,
                         cssClass: "mappy"});