JSFiddle - React, Tailwind, and code Playground

HTML

<html>
  <head>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
  </head>
  <body>
    <div id="map" style="width: 300px; height: 300px"></div>
      <script type="text/javascript">
      initialize();
    </script>
  </body>
</html>

JavaScript

var map;
function initialize() {
    map = new google.maps.Map(document.getElementById('map'));
    map.setCenter(new google.maps.LatLng(48.77565,9.181802));
    map.setZoom(12);
    map.setMapTypeId( google.maps.MapTypeId.ROADMAP );
    
    var controlDiv = document.createElement('div');
    var table=document.createElement('TABLE');
    var tbdy=document.createElement('TBODY');
    var tr=document.createElement('TR');
    
    var btn1=document.createElement('input');
    btn1.setAttribute("type", "button");
    btn1.id="c_placemark_b";
    btn1.setAttribute("value", "Button One");
    var td1=document.createElement('TD');
    td1.appendChild(btn1);
    
    var btn2=document.createElement('input');
    btn2.setAttribute("type", "button");
    btn2.id="c_line_b";
    btn2.setAttribute("value", "Button Two");
    var td2=document.createElement('TD');
    td2.appendChild(btn2);

    tr.appendChild(td1);
    tr.appendChild(td2);
    tbdy.appendChild(tr);
    table.appendChild(tbdy);
    controlDiv.appendChild(table);

    google.maps.event.addDomListener(btn1, 'click', function() {
        //DoSomething
        alert(this.id);
    });
    
    google.maps.event.addDomListener(btn2, 'click', function() {
        //DoSomething
        alert(this.id);
    });
    
    controlDiv.index = 1;
    map.controls[google.maps.ControlPosition.TOP_RIGHT].push(controlDiv);
}