JSFiddle - React, Tailwind, and code Playground

by miecz kwo

HTML

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
    <script>
// This example uses a GroundOverlay to place an image on the map
// showing an antique map of Newark, NJ.

var gmOverlay;

function initialize() {

  var lubin = new google.maps.LatLng(51.404203,16.193893);
  var imageBounds = new google.maps.LatLngBounds(
      new google.maps.LatLng(51.308109,16.046047),
        new google.maps.LatLng(51.430361,16.330404));

  var mapOptions = {
    zoom: 12,
    center: lubin
  };

  var map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);

  gmOverlay = new google.maps.GroundOverlay(
        'http://gm.lubin.kwoczka.pl/ikony/TransparentSch.png',
      imageBounds);
  gmOverlay.setMap(map);
}

google.maps.event.addDomListener(window, 'load', initialize);

    </script>
  </head>
  <body>
    <div id="map-canvas"></div>
  </body>

CSS

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