Hi guys,
I’m new here and I was wondering how I can implement the Google Place Autocomplete function using an input.
Kind regards
James
Here is my site Read-Only: LINK
(how to share your site Read-Only link)
Hi guys,
I’m new here and I was wondering how I can implement the Google Place Autocomplete function using an input.
Kind regards
James
Here is my site Read-Only: LINK
(how to share your site Read-Only link)
Hi @Jamesbond,
Google Place autocomplete? Not sure the direction you are wanting for this?
Can you explain a bit more? Or maybe I am missing your point?
TIA
Thanks for getting back to me @QA_Brandon. Essentially, I need to use Google’s “Places Autocomplete” function with an input so that when users are typing a location in the input, a dropdown with all the possible locations the user may be trying to type appears.
See the snapshot below:
As you can see, when the user starts typing, a dropdown emerges with a list of locations.
Can anyone help me with this? Willing to pay.
Hi James!
I followed this tutorial and figured it out: Autocomplete Address Field using Google Maps JavaScript API with Places Library - CodexWorld
You need a Google Cloud Platform account and the respective API keys
Copy this code on the head of the page you want the autocomplete
Place a HTML Embed in your form and write the following inside
<input type="text" class="text-field w-input" id="search_input" placeholder="escribe direción" />
<input type="hidden" id="loc_lat" />
<input type="hidden" id="loc_long" />
You need to substitute the API KEY with your own! Enjoy it!