JSFiddle - React, Tailwind, and code Playground

HTML

<div id='map_canvas'></div>

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
function initMap()
{
    var latlng = new google.maps.LatLng(52.499739, 13.401432);
    var myOptions = {
        center: latlng,
        mapTypeId: google.maps.MapTypeId.TERRAIN,
        mapTypeControl: false,
        zoom: 1,
        zoomControl: true,
        zoomControlOptions: {
            style: google.maps.ZoomControlStyle.SMALL,
            position: google.maps.ControlPosition.RIGHT_TOP
        },
        panControl: false,
        streetViewControl: false
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    var image = 'http://www.upstruct.com/wp-content/themes/upstruct/images/map-marker.png';
    var marker = new google.maps.Marker({
        position: latlng,
        icon: image
    });
    marker.setMap(map);
}

initMap();
</script>

CSS

html{height:100%}
body{height:100%;margin:0px;padding: 0px}
#map_canvas{height:100%}