JSFiddle - React, Tailwind, and code Playground

by Phil Brown

HTML

<div id="map1" style="height:300px"></div>
<script>
    function initMap() {
        let pos1 = {lat: 51.06087181618902, lng: 4.406290054321289};
        let map1 = new google.maps.Map(document.getElementById('map1'), {
            zoom: 13,
            center: pos1
        });
        let marker1 = new google.maps.Marker({
            position: pos1,
            map: map1
        });
    }
</script>
<script async defer src="https://maps.googleapis.com/maps/api/js?callback=initMap">
</script>

CSS

body > div {
    background-color: #222222;
    padding: 70px 30px;
}