-
-
Save anonymous/45c4abdad67f5080a52e to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// This example displays an address form, using the autocomplete feature | |
// of the Google Places API to help users fill in the information. | |
var placeSearch, autocomplete; | |
var componentForm = { | |
street_number: 'short_name', | |
route: 'long_name', | |
locality: 'long_name', | |
administrative_area_level_1: 'short_name', | |
country: 'long_name', | |
postal_code: 'short_name' | |
}; | |
function initialize() { | |
// Create the autocomplete object, restricting the search | |
// to geographical location types. | |
autocomplete = new google.maps.places.Autocomplete( | |
/** @type {HTMLInputElement} */(document.getElementById('autocomplete')), | |
{ types: ['geocode'] }); | |
// When the user selects an address from the dropdown, | |
// populate the address fields in the form. | |
google.maps.event.addListener(autocomplete, 'place_changed', function() { | |
fillInAddress(); | |
}); | |
} | |
// [START region_fillform] | |
function fillInAddress() { | |
// Get the place details from the autocomplete object. | |
var place = autocomplete.getPlace(); | |
for (var component in componentForm) { | |
document.getElementById(component).value = ''; | |
document.getElementById(component).disabled = false; | |
} | |
// Get each component of the address from the place details | |
// and fill the corresponding field on the form. | |
for (var i = 0; i < place.address_components.length; i++) { | |
var addressType = place.address_components[i].types[0]; | |
} | |
} | |
// [END region_fillform] |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment