Hi Emanuel96,
Check this example. Now please take its reference and correct your code.
HTML
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=places&sensor=false&key=YourApiKey"></script>
<script type="text/javascript">
google.maps.event.addDomListener(window, 'load', function () {
var places = new google.maps.places.Autocomplete(document.getElementById('txtPlace'));
google.maps.event.addListener(places, 'place_changed', function () {
var place = places.getPlace();
var address = place.formatted_address;
var latitude = place.geometry.location.lat();
var longitude = place.geometry.location.lng();
var latlng = new google.maps.LatLng(latitude, longitude);
var geocoder = geocoder = new google.maps.Geocoder();
geocoder.geocode({ 'latLng': latlng }, function (results, status) {
if (status == google.maps.GeocoderStatus.OK) {
if (results[0]) {
var address = results[0].formatted_address;
var pin = results[0].address_components[results[0].address_components.length - 1].long_name;
var country = results[0].address_components[results[0].address_components.length - 2].long_name;
var state = results[0].address_components[results[0].address_components.length - 3].long_name;
var city = results[0].address_components[results[0].address_components.length - 4].long_name;
document.getElementById('txtCountry').value = country;
document.getElementById('txtState').value = state;
document.getElementById('txtCity').value = city;
document.getElementById('txtZip').value = pin;
}
}
});
});
});
</script>
<div align="center">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
Location:
</td>
<td>
<input type="text" id="txtPlace" placeholder="Enter a location" />
</td>
</tr>
<tr>
<td>
Country:
</td>
<td>
<input type="text" id="txtCountry" />
</td>
</tr>
<tr>
<td>
State:
</td>
<td>
<input type="text" id="txtState" />
</td>
</tr>
<tr>
<td>
City:
</td>
<td>
<input type="text" id="txtCity" />
</td>
</tr>
<tr>
<td>
ZipCode:
</td>
<td>
<input type="text" id="txtZip" />
</td>
</tr>
</table>
</div>
Screenshot
