JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<div id="map_canvas"></div>
<div id="debug"></div>

CSS

#map_canvas { width: 200px; height: 200px; }

JavaScript

(function(){
    var map;
    prepGoogleMaps();
    function prepGoogleMaps(){
        if(typeof google != 'undefined'){
            $('#debug').append('Loaded<br>');
            initialize();
        }else{
            $('#debug').append('Not loaded<br>');
            setTimeout(prepGoogleMaps,1000);
        }
    }
    
    function initialize() {
        var mapOptions = {
            zoom: 8,
            center: new google.maps.LatLng(-34.397, 150.644),
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        map = new google.maps.Map(document.getElementById('map_canvas'),mapOptions);
    }
    
})();