When I retrieve an address as an object from the browser navigation, it looks like this:
"sender": {
"name": "Mary Jane",
"address": "Jalan Tekronat",
"city": "LAKSI",
"state": "Bangkok",
"country": "Thailand",
"email": "",
"mobile": "1234567890",
"postalcode":"10010",
"formatedAddress":"G218 Rama I Road, Pathum Wan, Bangkok, Thailand",
"countryShortName":"TH",
"countrySearchShortName":"TH"
},
The customer request is to prefill these details in the autocomplete component. I am unsure how to achieve this.
Below is my component code snippet:
this.sender = new google.maps.places.Autocomplete(this.searchSenderAddressRef.nativeElement, {
types:["address"]
});
google.maps.event.addListener(this.senderAddressAutoComplete, 'place_changed', function(value){
var place = that.senderAddressAutoComplete.getPlace();
var address = '';
if (place.address_components) {
address = [
(place.address_components[0] && place.address_components[0].short_name || ''),
(place.address_components[1] && place.address_components[1].short_name || ''),
(place.address_components[2] && place.address_components[2].short_name || '')
].join(' ');
let getPostalCode = place.address_components.find( obj => obj.types.includes("postal_code") );
let getCountry = place.address_components.find( obj => obj.types.includes("country") );
let getCity = place.address_components.find( obj => obj.types.includes("locality") );
let getState = place.address_components.find( obj => obj.types.includes("administrative_area_level_2") );
that.sharableData.bd.shipment.sender.postalcode = getPostalCode && (getPostalCode.long_name || "");
that.sharableData.bd.shipment.sender.address = address || "";
that.sharableData.bd.shipment.sender.country = getCountry.long_name || "";
that.sharableData.bd.shipment.sender.state = getState && (getState.long_name || "");
that.sharableData.bd.shipment.sender.city = getCity && (getCity.long_name || "");
that.sharableData.bd.shipment.sender.formatedAddress = place.formatted_address || "";
that.sharableData.bd.shipment.sender.countryShortName = getCountry && (getCountry.short_name || "");
that.senderAddress.setValue(address);
that.sharedData.updateSharedQuoteDatas(that.sharableData);
}
})
Can anyone assist me with this?