JSFiddle - React, Tailwind, and code Playground

by cs09g

HTML

<div id="map">
</div><script>
                    function initMap() {
                        var home = {
                            lat: 37.3348589,
                            lng: 127.1049089
                        };
                        // The map, centered at Uluru
                        var map = new google.maps.Map(
                            document.getElementById('map'), {
                                zoom: 17,
                                center: home
                            });
                        // The marker, positioned at Uluru
                        var marker = new google.maps.Marker({
                            position: home,
                            map: map
                        });
                    }
                </script>
                <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDK1u7VN0MatOAS3qsXimniROmPNu2SEBU&callback=initMap" async
                    defer>
                </script>

CSS

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