Breaking News: Grepper is joining You.com. Read the official announcement!

android google places autocomplete example

Santino answered on March 17, 2021 Popularity 2/10 Helpfulness 1/10

answer android google places autocomplete example

related google places autocomplete

android google places autocomplete example

Comment

New Version 2019
build.gradle (Module:app)

implementation 'com.google.android.gms:play-services-maps:17.0.0'
implementation 'com.google.android.gms:play-services-location:17.0.0'
implementation 'com.google.android.gms:play-services-places:17.0.0'
implementation 'com.google.android.libraries.places:places:1.1.0'

Popularity 2/10 Helpfulness 1/10 Language whatever

Source: Grepper

Tags: autocomplete whatever

Link to this answer
Share Copy Link

Contributed on Mar 17 2021

Santino

0 Answers Avg Quality 2/10

Closely Related Answers

google places autocomplete

Comment

	let autocomplete;
    let address1Field;
    let address2Field;
    let postalField;

    function initAutocomplete() {
		address1Field = document.querySelector("#line_1");
		address2Field = document.querySelector("#line_2");
		postalField = document.querySelector("#postcode");
		// Create the autocomplete object, restricting the search predictions to
		// addresses in the US and Canada.
		autocomplete = new google.maps.places.Autocomplete(postalField, {
			componentRestrictions: { country: ["gb", "ie"] },
			fields: ["address_components"],
			types: ["postal_code"],
		});
		
		address1Field.focus();
		// When the user selects an address from the drop-down, populate the
		// address fields in the form.
		autocomplete.addListener("place_changed", fillInAddress);
    }

    function fillInAddress() {
		// Get the place details from the autocomplete object.
		const place = autocomplete.getPlace();
		console.log(JSON.stringify(place));
		let address1 = "";
		let postcode = "";

		// Get each component of the address from the place details,
		// and then fill-in the corresponding field on the form.
		// place.address_components are google.maps.GeocoderAddressComponent objects
		// which are documented at http://goo.gle/3l5i5Mr
		for (const component of place.address_components) {
			// @ts-ignore remove once typings fixed
			const componentType = component.types[0];

		switch (componentType) {
			case "street_number": {
				address1 = `${component.long_name} ${address1}`;
				break;
			}

			case "route": {
				address1 += component.long_name;
				break;
			}
			case "postal_town": {
				postal_town = component.long_name;
				document.querySelector("#town_or_city").value = component.long_name;
				break;
			}
		
			case "administrative_area_level_1": {
				document.querySelector("#country").value = component.long_name;
				break;
			}
			case "postal_code": {
				postcode = component.long_name;
				break;
			}
		}
    }
	console.log(JSON.stringify(address1));
	console.log(JSON.stringify(postcode));
    address1Field.value = address1;
    postalField.value = postcode;
    // After filling the form with address components from the Autocomplete
    // prediction, set cursor focus on the second address line to encourage
    // entry of subpremise information such as apartment, unit, or floor number.
    address2Field.focus();
    }

    window.initAutocomplete = initAutocomplete;

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: autocomplete autocomple

Link to this answer
Share Copy Link

Contributed on Jan 12 2024

its_me_dev

0 Answers Avg Quality 2/10

android google places autocomplete example

Contents

More Related Answers

android google places autocomplete example

Closely Related Answers

google places autocomplete

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.