JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true&libraries=places"></script>
<p id="results"></p>
JavaScript
function initialize() {
var service = new google.maps.places.AutocompleteService();
service.getQueryPredictions({
input: 'Stadium, London, United Kingdom'
}, callback);
}
function callback(predictions, status) {
if (status != google.maps.places.PlacesServiceStatus.OK) {
alert(status);
return;
}
var results = document.getElementById('results');
for (var i = 0, prediction; prediction = predictions[i]; i++) {
results.innerHTML += prediction.description + '*';
}
results.innerHTML = results.innerHTML.replace(/\n/gi, '');
}
google.maps.event.addDomListener(window, 'load', initialize);