JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=pt-PT"></script>
<div id="map_container"></div>

JavaScript

function iniciaMapa() {

    var myLatlng = new google.maps.LatLng(38.60606836936684, -7.417101860046387);
    var myOptions = {
        zoom: 16,
        center: myLatlng,
        mapTypeId: google.maps.MapTypeId.HYBRID
    }

    var mapa = $('#map_container'); //NOT WORKING...
    //var mapa = document.getElementById("map_container"); //WORKING PERFECT ON WEBSITE (HERE THE MAP ISN'T DISPLAY)

    var map = new google.maps.Map(mapa, myOptions);

    
}
    
    
$(document).ready(function() {
        iniciaMapa()
});