JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    
<div id="map_canvas" style="width:500px; height:300px"></div>

JavaScript

var latlng = new google.maps.LatLng(-34.397, 150.644);
    var myOptions = {
      zoom: 8,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);


function SearchBox() {
    var searchTextBox = $('<input type="text" id="txtGeoSearch" />');

    var div = $('<div class="geoSearchBox"></div>')
        .append($('<span>Search:</span>'))
        .append(searchTextBox);

    return div.get(0);
}
map.controls[google.maps.ControlPosition.TOP_LEFT].push(new SearchBox());