GP Autocomplete :: TEXTAREA

by sanford

HTML

<form>
  <textarea id="addressTA" placeholder="[Your Address Here]"></textarea>
</form>
<script src="https://maps.googleapis.com/maps/api/js?libraries=places"></script>

CSS

TEXTAREA {
  height: 300px;
  width: 300px;
}

JavaScript

var location = document.getElementById('addressTA');
	
	//Pass Google the field  
	var autocomplete = new google.maps.places.Autocomplete(location);

	
	//Trigger the callback function  
	autocomplete.addListener('place_changed', function() {
	  var place = autocomplete.getPlace();
	  console.log(place);
	});