JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<pre id="content">Klick on the map</pre>

<div id="map_canvas"></div>

CSS

html, body, body>div {
    margin:0;
    padding:0;
    height:100%;
}

JavaScript

function initialize() {

            var mapOptions = {
                zoom: 5,
                center: new google.maps.LatLng(0, 0)
            },
            infoWindow = new google.maps.InfoWindow();

            map = new google.maps.Map(document.getElementById('map_canvas'),
            mapOptions);

            google.maps.event.addListener(map, 'click', showTB);

            function showTB(event) {


                var contentElement = document.createElement('div'),
                    btn = document.createElement('button');
                contentElement.appendChild(document.createTextNode(event.latLng));
                contentElement.appendChild(document.createElement('br'));
                contentElement.appendChild(btn);
                btn.appendChild(document.createTextNode('More'));
                google.maps.event.addDomListener(btn,'click',function(){ moreInfo(event);})
                


                infoWindow.setOptions({
                    content: contentElement,
                    position: event.latLng,
                    map: map
                });

            }


        }

        function moreInfo(e) {

            var overlayContent = e.latLng
            document.getElementById("content").innerHTML = overlayContent;
        }

        google.maps.event.addDomListener(window, 'load', initialize);