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.
-
An API key for Google Places. You can get one here:
https://developers.google.com/places/web-service/get-api-key
-
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
-
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.