JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <div id="map"></div>
  <script>
    var map;
    function initMap() {
      var map = new google.maps.Map(document.getElementById('map'), {
        center: {lat: -34.397, lng: 150.644},
        zoom: 8
      });

      var myMapType = new google.maps.ImageMapType({
        getTileUrl: function(coord, zoom) {
          return "http://maps.owm.io:8091/56ce0fcd4376d3010038aaa8/" + 
                 zoom + "/" + coord.x + "/" + coord.y + "?hash=5";
        },
        tileSize: new google.maps.Size(256, 256),
        maxZoom: 9,
        minZoom: 0,
        name: 'mymaptype'
      });

      map.overlayMapTypes.insertAt(0, myMapType);
    }
  </script>
  <script src="https://maps.googleapis.com/maps/api/js?callback=initMap"
  async defer></script>
</body>

CSS

html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
      #map {
        height: 100%;
      }