How to add Google Address Autocomplete to a Textbox Control
Adding address autocomplete to a textbox control can make it easier to lookup and enter addresses in applications.
In many applications (both web and mobile) it is common when typing in an address to get autocomplete suggestions, as shown in the image below. In the image shown, the user has begun typing an address into the Address control ('1234') and a drop-down list of possible addresses is shown.
This is achieved using a feature of the Google Maps API, which can be added to any textbox in a UX component.
Selecting one of the options in the suggestion list will autocomplete the address for you. In addition, mappings between address parts and controls on the UX Component can be defined. After an address is selected, mapped controls will be updated with the corresponding address part. This is useful in applications where you may want to capture individual parts of an address in separate fields.
Google Address Autocomplete can be added to a textbox control in a UX Component.
Select the textbox control that will be used to search for an address. Change the (Special type property to GoogleAddressSuggest.
If desired, define the controls in the UX Component to populate after an address is selected. Each part of an address can be mapped to a control in the UX Component.
For complete instructions on how to add and configure Google Address Autocomplete in an application, watch the video below: