Nearby Locations Page Tutorial    
This topic is assigned to Victor

May 28, 2013 10:12 AM

Nearby Locations Page Tutorial

 

A Nearby Locations is a page that lets you display on the map places within a specified area.

 

In order to add a new Nearby Location page to your application, go to Edit Pages section; then click on "+" Add New Page button. In the search engine look for "Nearby Location" page.

 


Once the page is added, you may proceed with editing process.

 


In order to use this page, you need to create your own Google Places API Key. You may create it here -> https://code.google.com/apis/console . Below I will explain how to create it.

 

Beside the API Key the page has a few more fields to edit. Specifically, you can set the radius of locations to be displayed on the page.  The radius defines the distance(in meters) within which to bias place results. The maximum allowed radius is 50 000 meters, the minimum radius is recommended to be 200 meters.

 

You can refine your locations request by supplying keywords or specifying the type of place you are searching for. The keyword is a term to be matched against all content that Google has indexed for this place, including but not limited to name, type, and address. The location's type restricts the results to places matching at least one of the specified types.

 

======================================================================​​​​​=============

 

How to create Google Places API Key?

 

1. Go to the following link -> https://code.google.com/apis/console  . It redirects you to Google Developers Console.


2. Create a project

3. Set a project name


4. On the projects Dashboard go to Use Google APIs to enable and manage APIs



5. In Google Maps APIs you have to enable API for Google Places API for Android, Google Places API for iOS, and for Google Places API Web Service





6. Once you have enabled the Google Places API Web Service, go to Credentials section



7. Set New Credentials - > API Key -> Browser Key





8. Set a name. In HTTP referrers we advice to leave the field blank. Create.



9. Copy the API Key that will appear in a pop-up and set it to Nearby Locations page on SeattleCloud.




10. Done



Nov 28, 2014 02:48 PM
hi dear could you explain a new version of place API? i can't do any thing!


May 20, 2015 04:39 PM
Hi Victory,
 This is a great feature! Though I was wondering if there is a way to build upon this feature. For the app I am making I would like to add a button on the check-in / directions page. If you could tell me how to do that it would be helpful!


Oct 11, 2015 08:29 AM
I got stuck on the API part. Google console doesn't resemble anything in this tutorial. Therefore these instructions don't work. I wonder why the instruction says 'our API key' then the field is blank and no instructions follow. Then it says create your own API key, but again the tutorial doesn't resemble Google Developer console. Lost!!!!


Jan 15, 2016 02:58 AM
The tutorial has been updated

    1