Skip to content

Example implementation of a Google Places autocomplete for AMP pages

Notifications You must be signed in to change notification settings

sryze/amp-google-places-autocomplete

Repository files navigation

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

Screenshot

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.

About

Example implementation of a Google Places autocomplete for AMP pages

Topics

Resources

Stars

Watchers

Forks