Kenny Lee7460653
Posts: 0
Joined: Tue Mar 31, 2015 6:54 pm

Can someone give me step-by-step instructions on how to add the Google Places API "Place Autocomplete" to my Appery.io a

I want to use the Google Places API to pull in account information from "Establishments." Instead of users having to type in all of their account info (Establishment Name, Street Address, city, state, phone# and placeid), I want to use the Google Places Auto-complete functionality to populate the account info input fields auto-magically.

The goal is, during account creation, users would just start typing the name of their business into a search/input field and, as they are typing, a list below the input field would populate with establishments having the name/letters the user is typing--within 10 miles of their location. For example, if a user types an "R" then all the establishments that begin with the letter "R" within 10 miles of their location would populate the selection list below the input field. If they type in "Re" then all the establishments that begin with "Re"....and so on. Once they select an establishment from the list, it should populate a set of input fields below (Establishment Name, Street Address, city, state, phone# and placeid(not visible)).

To start:

Should I add the Places JavaScript Library to do this, or should I create a new REST service and use the Places Web Service?

Is there any way you can provide me step-by-step instructions on how to do this? I am new to app development.

Egor Kotov6832188
Posts: 0
Joined: Wed Nov 19, 2014 5:15 pm

Can someone give me step-by-step instructions on how to add the Google Places API "Place Autocomplete" to my Appery.io a

Hello Kenny,

Google Places API is part of google map component, so you don't need to add library to your project.

Please look through samples in documentation to know how it works
https://developers.google.com/maps/do...

Kenny Lee7460653
Posts: 0
Joined: Tue Mar 31, 2015 6:54 pm

Can someone give me step-by-step instructions on how to add the Google Places API "Place Autocomplete" to my Appery.io a

Ok so I was able to add the service, and when I test teh service it returns the data I am looking for. Image

However, when I try to map the service response to a list, it isn't binding correctly:
Image

Can you tell me what I am doing wrong?

Yurii Orishchuk
Posts: 0
Joined: Fri Feb 14, 2014 8:20 am

Can someone give me step-by-step instructions on how to add the Google Places API "Place Autocomplete" to my Appery.io a

Hi Kenny,

Mapping looks okay. Please specify what is not works?

Please make sure you invoke this service. And open browser debugger on "network" tab to see actual service request/response.

Also please check whether you have checked "Appery.io proxy" for this 3rd party service.

Regards.

Kenny Lee7460653
Posts: 0
Joined: Tue Mar 31, 2015 6:54 pm

Can someone give me step-by-step instructions on how to add the Google Places API "Place Autocomplete" to my Appery.io a

I hadn't created a proxy channel and checked it! That worked thanks!

Return to “Issues”