How to use and apply Google's Place Autocomplete Address Form to my outsystem project

How to use and apply Google's Place Autocomplete Address Form to my outsystem project

  
Hi there,

I have plan to use the Place Autocomplete Address Form by Google Maps JavaScript API on outsystems on my learning project's customer form.

https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete-addressform

My question is, what should I do, if I want to insert this place autocomplete address (screen capture) form into my project?
And also how could I edit or change the each text box, for example, I want add email address and phone number in the same box.


 
They provide two ways JavaScript Version and JavaScript + HTML version.

Which can I add to my project using Google's Address Form? And also how could I build regular customer form and store the customer's information on database, like tutorial's.

I was try to do specific my own learning project, but when I tried on that it did not work. So I am wondering if you could guys teach me step by step.    

This is the source code page on Google;
https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete-addressform

Regards,

Daisuke
Hi Daisuke,

Since you are on a learning process I think it would be better for you to try to explain what you already managed to do and what problems did you hit.

Looking at the sample code in the google site I can probably guess 2 or 3 of the possible problems.
But think It's better for your learning process to try explaining it first so we can start from there, instead of just doing it from scratch on the way I would do it.

:)

Regards,
João Rosado