JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<!-- <script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script> // LINK FOR GOOGLE maps -->

<div class="container">
<div id="map_canvas"></div>
</div>

CSS

#map_canvas {
        width: 100%;  
		height:400px;
		border:1px solid #888888;
		margin-bottom:20px;
		box-shadow: 2px 2px 2px #888888;
      }

JavaScript

function initialize() {
        var map_canvas = document.getElementById('map_canvas');
        var map_options = {
          center: new google.maps.LatLng(51.372658, 1.354386),
          zoom:16,
          mapTypeId: google.maps.MapTypeId.HYBRID
        }
        var map = new google.maps.Map(map_canvas, map_options)
      }
      google.maps.event.addDomListener(window, 'load', initialize);