JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<div id='map-canvas' ></div>

CSS

#map-canvas {
    width : 1200px; /* map width */
    height: 600px;  /* map height */
}

JavaScript

var mapOptions = {
    center: new google.maps.LatLng(33.5145288, 73.0625835),
    zoom: 8,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};
var infoWindow = new google.maps.InfoWindow();
var latlngbounds = new google.maps.LatLngBounds();
var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);

var bounds = new google.maps.LatLngBounds();
map.setCenter(latlngbounds.getCenter());
map.fitBounds(latlngbounds);