JSFiddle - React, Tailwind, and code Playground

by Amar Nyayapati

HTML

<div id="map_addresses" class="map">
    <p>This will be replaced with the Google Map.</p>
</div>
<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script>
    var map;
    $(document).ready(function(){
        initialize();
    });
    function initialize(){
        var myOptions = {                
            zoom: 5,
            center: new google.maps.LatLng(10.318577, 123.908062),        
            mapTypeId: google.maps.MapTypeId.ROADMAP,
        }
        map = new google.maps.Map($('#map_addresses')[0],myOptions);
        var location = new google.maps.LatLng(10.318577, 123.908062);
        var marker = new google.maps.Marker({
            position: location,
            map: map, 
            html: "Jinisys Software Inc. Sales Office"
        });
    }        
</script>

CSS

.map{
    width:500px;
    height:500px;               
}