Has anyone used the new address input with an API key?

Hi guys i have added an API key to the address input element in the user input section of the editor. It doesn’t display addresses for me so i was wondering as no response in two days from wix as to whether adding an API key was enough to get the input field functional, even before connecting to a collection.

Its a new feature i know that but being new to both APIs and this feature i would just like clarification on the correct setup


The button is yet to be connected to a dataset


I have edited the API for the purpose of this post.
The API says enabled in Google

Other than that any information on how this is supposed to work or what else i should do would be appreciated

P.S. i’m on London time if someone could possibly answer today please.
Thanks
Adam

Hello @adcatch02 , I used that element to create a POC: https://quentin4686.wixsite.com/leg-me-up/listing-on-map

You simply need to add the API key and have it configured as explained in the documentation. You’ll need to add your editor URL as well if you wish to see it working in preview (in preview open the browser console (not Wix console) and you should have a warning stating that the URL was not authorized. Copy that URL in your API accepted URL.

If you have difficulties, try to make your API public while developing and once in production changed that back to protected.

Let me know if it helps

Quentin that’s great thanks. I’ll check this out as soon as I’m back home

i believe I have assigned the url in google to the editor but I’ll check again when I get home. Is this different from restricting the use of api to the editor url?

thanks
adam

You can allow multiple URL for you google api key. In the documentation they only explain how to make the key available for you live site. So the key only work on live version.

If you wish to make it work in previous you need to add a second URL to your allowed URL.

Is it working on live? Because if not the issue comes from somewhere else

It is not working on the live site.

I have followed these steps.

  1. Create database collection (is form submission)
  2. add user elements
  3. set up user elements including (required field)
  4. Add dataset
  5. connect page elements
  6. Create a submit button (connected via data icon) to field name

Obtain Google Maps API Key from this link https://cloud.google.com/maps-platform/#get-started

Click on Places option, right side of page which i have done

Select a Project

I have a project title from previous attempt using this path so selected that one

Set Up Billing - I have completed this previously so Google skips me past this section as recognises i have previously set up billing

Enable your APIs to Obtain your key - and again i had Google Maps Platform

and get my API key

Secure your API Key
ok so i’ve gone into credentials and secured to HTTP Referrers

Then simply added my API key to the address input element.

I don’t know why it will not work for me? Maybe as it is a user input element i contact wix support as this may well fall under their remit? It’s not code at the moment so will be good to see if they have anyone who can help?

I don’t know what you think about it Quentin?

Have you tried to remove the secured Http referrer? That’s the only thing I can think off without digging into the project.

Sorry I can’t do much more

Hi i will try that and then see if between wix support (i’ll raise a ticket) and google maps console support (i’ll raise a ticket) to get a good resolution to this.

Thanks for your time and effort
Regards
Adam

Need help from my side : My API key is working but if I select one adress in google places droplist the, input box do not take value of this picked place ??? If so it is not usefull!!! My Database field type is set as : ADRESS type

Hi Adam
Did you manage to find a fix? I seem to be facing the exact same issue!

Thanks,
Yusuf

Hi. Am stuck on this one as well. Tried to set this up multiple times, but no luck. I can’t make it return suggestions for some reason. Could you share how did you make it work and return suggestions?

What you mean ? Making work adress Google Places auto-display ? Or selecting and select the Googles places choices into this input box ? 2 different things, from my side I succeed to setup to display all adress choices but impossible to select one of them and display this choice in the input box! In this case this feature is useless, don’t loose your time to try to setup… I’m still waiting a WIX expert answer about this problem!

Adam Catchpole , what about this ticket ?

It seems like this issue is being stonewalled, I’ve also been ignored and messed around for more than a week on this, WIX support never really grasping this seemingly simple to explain and easy to recreate bug.

This probably means they know about the bug but they don’t know how to fix it.

Very frustrating for such a seemingly standard feature.

What exactly is not working? And what is working? What code are you using?

More information is needed in order for us to offer assistance.

@yisrael-wix … When you add a Address input field via the ‘Add > Input’ function. then map that to your Google Places API key… Then preview or publish the site, the Address Input Text Box has a drop down below it as you start typing suggestions… right… Now, you (the end user) sees a suggested address and click on it to auto-fill… the auto-fill of the selected address from auto created suggestion list using the Google API does nothing… nada… it does not work.

@thiaan Edit: This is being evaluated by QA.

@adcatch02 @ycassimjee @ron-girard @hang @thiaan

Sorry for not noticing this post earlier. Please check out my answer here and let me know if that does the trick. If not, we’ll investigate further until we figure out what’s going on.

Thanks and sorry again.

THANK YOU @eyalc , this is the answer yes! you need the Geocoding API enabled as well.

Just a friendly suggestion is to add this to your guide on the page as it would’ve saved myself and I’m sure the others on this forum a LOT of frustration.

Nope, not working for me unfortunately :frowning:
I had Geocoding API, Places API and Maps Javascript API enabled.
For some reason, am not able to get the address input field to even return suggested list based on user’s input

On my side that is because of the credentials, I noticed a day odd lag in the editor to apply the api key. If you publish it seems to take the credentials immediately in the published site.(this was is the same for me even when I switched off the restricted sites on the API credentials, hence my assumption above)