JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://maps.google.com/maps/api/js?libraries=places&language=en&sensor=false"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
<label for="venue_loc_place">Location</label>
<input id="autocomplete" class="default_input" placeholder="Enter address" value=" " />
SCSS
.gmnoprint a, .gmnoprint span {
display: none;
}
.gmnoprint div {
background: none !important;
}
JavaScript
$(function(){
var input = document.getElementById('autocomplete');
var autocomplete = new google.maps.places.Autocomplete(input, {
types: ['geocode']
});
//autocomplete.bindTo('bounds', map);
//var service = new google.maps.places.PlacesService(map)
google.maps.event.addListener(autocomplete, 'place_changed', function() {
var place = autocomplete.getPlace();
alert(place.geometry.location);
});
});