Address, Location Auto-Fill

How to create objects with auto-fill capability for address and location using Google Places API

 

 

As discussed in the Relationships: Reference and Embed, linkages or connections can be established between and among Tipos. A great example of this would be, when there is a need to capture address for an individual or for a business. You can define your own Tipo to capture address. However, TipoTapp offers the following three objects for these needs with geo-location capabilities.

By using these predefined objects, when your user starts to type the address, you will be presented with options to choose from.

Simple Address:

This tipo has a single field to capture address. This is useful if you'd like to get address in a single line.
Lets consider Student in the Student Management App.

Edit the Student Tipo. Add a field 
Field: Address
Type: Simple Address
Show in list view: Yes

Go to Relationship Settings Tab, select Relationship Type  as embed  from the drop down.Save the Tipo.

Now when Student form is opened and user starts typing in Address field, address starts showing below

Address:

The only difference between, simple address and address is that the address fields are in separate fields instead of being in a single field. Otherwise, the remaining set-up steps are the same. You have to make sure you choose the type as Address and also set the Relationship Type as embed 

See the Staff tipo and there is Home Adddress field that is of type Address with embedrelationship.

The user experience when entering address will look as follows:

Once, the address is selected from the dropdown, the auto populated fields will look as below:

Place:

Similar to address, place also has the auto-fill capability with multiple fields for address components. However, the only extra with place is the place name. To capture, business address along with the business name, this will be very handy. Lets say the school has many campuses and each campus has its own location with its own business name. We add a field called Work Location in the Staff tipo with type set to pre-defined tipo Location. Also, like the Address tipo, the relationship type must be set as embed .

When filling the Work Location  field, you can simply search the business name and your user will be presented with options to choose from. Lets say, you search for Monash University and you will be presented with the following:

And the result after selecting the Peninsula campus looks like below: