JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;dummy=.js"></script>
<div class="map" id="map"></div>

SCSS

body {
    background-color: #ffffff;
    padding: 30px;
}

#map {
    width: 500px;
    height: 200px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

JavaScript

new google.maps.Map(document.getElementById("map"), {
    zoom: 1,
    disableDefaultUI: true,
    zoomControl: true,
    center: new google.maps.LatLng(28, -41),
    mapTypeId: "roadmap"
});