vuongng / amp-google-places-autocomplete

Example implementation of a Google Places autocomplete for AMP pages

Google Places Autocomplete

This is just an example of how to implement an autocomplete list for an address input (in this case cities) using AMP and Google Places Autocomplete APIs. It is based on the Autosuggest example.

Demo

Requirements

1. An API key for Google Places. You can get one here:

   https://developers.google.com/places/web-service/get-api-key

2. A custom endpoint to request autocomplete info from the Place Autocomplete API. This is necessary because amp-list requires a CORS endpoint and therefore the Places web services can't be used directly because it doesn't allow your site's origin (not an expert in CORS but that is how I understand it).

   For example, see autocomplete-api.php. To run this script:

   cd amp-google-places-autocomplete
   php -S localhost:3000

3. Google requires inclusion of a "Powered by Google" logo somewhere in the autocomplete dropdown. In this example it's included at the bottom of the dropdown similar to the official (non-AMP) autocomplete by Google.