Google places autocomplete

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

  1. You need a Google Cloud Platform account and the respective API keys

  2. Copy this code on the head of the page you want the autocomplete

  3. 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!