JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquerygeo.com/jquery.geo-1.0b1.min.js"></script>
<div id="map"></div>

CSS

#map
    {
      position: fixed;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
    }

JavaScript

// create a map and point the service to an xkcd tileset
      var map = $( "#map" ).geomap( {
        zoom: 55,
        center: [ 0.5503, 0.9406 ],
        zoomMax: 10,
        services: [ {
          type: "tiled",
          src: "http://xkcd-static.rent-a-geek.de/converted/{{:zoom}}-{{:tile.column}}-{{:tile.row}}.png",
          attr: "&copy; xkcd"
        } ]
      } );