In order to make this plugin work you will need to configure a couple things in Bubble and Google:
- API KEY:
You need to obtain a Google places API key from Google. You can find instructions here:
https://developers.google.com/maps/documentation/places/web-service/get-api-key Once you have the api key, you need to add it to the plugin configuration - you can do so from the Bubble Editor -> Plugins -> Google Location Autocomplete -> GOOGLE_LOCATION_API_KEY
- Turn on inputIds
In order to show the autocomplete plugin which input you want to use as autocomplete, you need to be able to set the inputId for your inputs. In order to enable this option, in your Bubble Editor go to Settings -> General -> Scroll to very bottom and tick "Expose the option to add an ID attribute to HTML elements"
When that option is enabled, you will have a new field in the bottom of "Appearance" tab of you inputs - "ID attribute". The value in this field has to match the value in "autocompleteinputid" value on "Appearance" tab of our Autocomplete element.