JSFiddle - React, Tailwind, and code Playground

HTML

<script type='text/javascript' charset='utf-8' src='http://maps.googleapis.com/maps/api/js?&sensor=false'></script>
<div id="gm"></div>

CSS

#gm{
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color: #FFF;
    z-index: 1;
}

JavaScript

var gmg = new google.maps.Geocoder(),
            map, center, mk ;
        gmg.geocode({
            'address': '北海道札幌市豊平区中の島２条２丁目６−２１'
        }, function(results, status) {
            if (status == google.maps.GeocoderStatus.OK) {
                center = results[0].geometry.location;
                initialize();
            }
        });

        function initialize() {
            var options = {
                center: center,
                zoom: 16,
                mapTypeId: google.maps.MapTypeId.ROADMAP,
                scrollwheel: false,
                panControlOptions: {
                    position: google.maps.ControlPosition.TOP_RIGHT
                },
                zoomControlOptions: {
                    position: google.maps.ControlPosition.TOP_RIGHT
                },
                mapTypeControlOptions: {
                    position: google.maps.ControlPosition.TOP_CENTER
                },
                styles: [{
                    stylers: [{
                        hue: "#f44289"},
                    {   gamma: 3.40},
                    {   saturation: 70}]}]
            };
            map = new google.maps.Map($("#gm").get(0), options);
        }