JSFiddle - React, Tailwind, and code Playground

by muthusamy

HTML

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script src="https://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></script>
<p>Location: <input type="text" id="searchTextField" size="50" /></p>

CSS

.ui-autocomplete { overflow-y: auto; width:300px; }
* html .ui-autocomplete { /* IE max- */height: expression( this.scrollHeight > 320 ? "320px" : "auto" ); }
.ui-autocomplete { max-height: 320px; }
.ui-autocomplete li { font-size:10pt; }

JavaScript

var input = document.getElementById('searchTextField');
var options = {
  componentRestrictions: {country: 'au'}
};

var autocomplete = new google.maps.places.Autocomplete(input,options);
//autocomplete.bindTo('bounds', map);