Forum | Appery.io

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.

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...

Can I use it without displaying a map?

Kenny,

Yes, see the docs
https://developers.google.com/places/...

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

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

Can you tell me what I am doing wrong?

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.

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