JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://maps.googleapis.com/maps/api/js"></script>
<div id='map'></div>

<script async defer
        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDohL9LiqVz-Eah7amMrQBZ4C5SckOI08c&callback=initMap">
</script>

CSS

#map {
    /*top: 21px;*/
    /*height: 1011px;*/
    /*margin: 0;*/
    padding: 0;
    /*margin-bottom: 20;*/
    overflow: hidden;
}

JavaScript

function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    disableDefaultUI: true,
   	center: {lat: 22.356394, lng: 114.059139},
    zoom: 11,
  });

}
initMap()