📍 Fastest Google Places Autocomplete - New Plugin from Zeroqode

[levon]

Hi Mile
we’ll check this out
thanks

[ZeroqodeSupport]

Hi @mikescullion

This is how it works, the thing is when you select a result with a mouse pointer it will fill the input however Bubble will not trigger the event “Input value changed”, that’s why it is recommended to save the result from state “Full Address” value which the plugin has.
It will be the same value of the input.
Try this out! Thanks.

Kind Regards,
Zeroqode Team.

[chris.williamson1996]

@levon

Hey guys, for the life of me I can not get reviews to pull and the name function is pulling address

I attached a video below.

I see the plugin works on your preview so I have no idea why I’m getting partial data.

Google dev: API enabled, domain verified, restrictions added, currently within all limits.

https://streamable.com/zq8t3o

However I tried using Airdevs plugin as well and had similar issues, so it’s possible it’s on our side but I’m multiple hours into attempting to find the issue so figured I’d at least check with you guys.

[ZeroqodeSupport]

Hi @chris.williamson1996,

Thanks for reaching out. Let us check on this use case and we’ll get back to you with a reply asap.

Best regards,
Zeroqode Team

[ZeroqodeSupport]

Hi @chris.williamson1996, unfortunately this issue is not reproducing on our side indeed. To try and solve it, please make sure that the plugin has been configured properly, first. You can check the instructions here https://docs.zeroqode.com/plugins/fastest-google-places-autocomplete. If all good, then based on provided video the issue seems to be in this step:

And here is the step to showcase that is different to our demo app on how things should work:

The same thing could apply also to the Get Place Details GoogleAutocomplete A action for the Place ID field but choosing the appropriate variable. For more information, please check the editor for our demo app zeroqode-demo-13 | Bubble Editor to preview all settings and see how things work.

Thanks!

[tona]

I’m getting the error “GOOGLE MAPS API NOT FOUND ON THE PAGE!”. I’ve looked at the documentation and I don’t have an option to Map element present on page? as the documentation states.

[ZeroqodeSupport]

Hi, @tona!

Thanks for reaching out!

@tona

I’m getting the error “GOOGLE MAPS API NOT FOUND ON THE PAGE!”.

You may get this error because the Google API Keys are not set.
According to the documentation, the prerequisites of starting using the plugin is a necessity to set the Google API Keys. You can get this Keys in the google cloud. After you get the Keys go to app, tab Settings - > General and place the Keys.

@tona

I’ve looked at the documentation and I don’t have an option to Map element present on page? as the documentation states.

The plugin element you can find in the left-hand sidebar in the editor and place it on the page.

And here is a Map element which can be found upper in the same sidebar menu.

Hope this helps!
Best,
Zeroqode Team

[tona]

The google apis were always set and it’s still having an issue. I don’t actually want a map on the page. I’m just referring to the documentation not being accurate, because that’s where I went to troubleshoot the issue to see if my setup was incorrect. Could you please update the documentation, or explain how to set it up.

[ZeroqodeSupport]

Hey, @tona!

Currently, the docs contain info about how the plugin element should be set up, its events/actions and fields. Could you please specify what exactly is not accurate in the docs so we can understand better what needs to be changed?
If you are referring to Setting up Google Api Keys, then please follow this link for detailed guidance.

Best,
Zeroqode Team

[tona]

I have properly setup the google api keys before purchasing the plugin. I was using bubble’s searchbox with geographic places before purchasing yours, because yours returns more details.

1. Which API Key goes where? is the API KEY-dev, the map api or the geocode api? I assumed the API KEY is the map api, since API KEY-dev is optional.

2. 
   
   This field is not in the plugin element, I’ve gone through every version and none have this field in it. It doesn’t matter that this field is not in the plugin element, it just makes it confusing when you’re trying to troubleshoot and the first field on the documentation is missing from yours.

3. It doesn’t seem to work, unless there is a map on the page or a bubble searchbox on the page set to geographic places. I’d rather not have either.

Can I send pm you a link to view the app?

[ZeroqodeSupport]

Hey, @tona!

@tona

Which API Key goes where? is the API KEY-dev, the map api or the geocode api? I assumed the API KEY is the map api, since API KEY-dev is optional.

These Api Keys you are getting from the Google Could console. So, first of all, register a Google Cloud console account. Then create a Project and in the Credentials section get an API Key. See screenshot as a sample.

The created Api Key, indicate in both fields. After setting the Api Keys, please give it another try.

@tona

This field is not in the plugin element, I’ve gone through every version and none have this field in it. It doesn’t matter that this field is not in the plugin element, it just makes it confusing when you’re trying to troubleshoot and the first field on the documentation is missing from yours.

Apologies for the inconvenience It seems like the docs are outdated a bit. We will update them asap.

@tona

It doesn’t seem to work, unless there is a map on the page or a bubble searchbox on the page set to geographic places. I’d rather not have either.

Can you, please clarify here what are you trying to accomplish with this plugin to help you better?

@tona

Can I send pm you a link to view the app?

If the steps mentioned above don’t help, you can add our support@zeroqode.com account into your collaboration list in Settings → Collaboration so we could check the issue inside your application. Plus, please tell us the name of your Bubble application and page name where you develop it, it would be way easier for us to help you solve the issues.

Note: Don’t pay attention to the alert message regarding Professional Plan, as we are an agency and you can easily add as to your collaborator’s list.

Best,
Zeroqode Team

[tona]

I’m not sure what is causing a communication breakdown exactly, but I’ll restate.
The API KEYS are not the problem because I was using bubble’s searchbox with the api keys, before I purchased your plugin.
From my last message, I stated that I can get it to work with a map present on the page or a bubble searchbox set to geographic places.

If this is the only way to get it to work, please update the documentation, because it’s not working otherwise. I don’t know if it has something to do with a hobby plan. I’d rather not have to put a searchbox on the page. I inspected the page’s head and these are missing when bubble’s searchbox is not present. I blacked out the API-KEY, but the key it’s using is not from the plugin. (I created a new key to test) Hence, if I don’t set API KEYS in bubble’s general tab, the plugin won’t work, and if there’s not a bubble map or searchbox, it won’t add the google maps api to the head. Can you guys fix that, or will I have to keep doing what I’m doing?

[ZeroqodeSupport]

Hi, @tona!

Thank you very much for your patience and cooperation. I suppose I finally got all the things you were trying to explain.

First of all, we are already working on the documentation update, to make it more understandable and useful for our users.

Second of all, the plugin operation question. The Google Places Autocomplete plugin implies to work with a searchbox (with the Geographical Places searches style dropdown) on a page OR with a Map element + Input element on a page.
Now let me please provide you an example of how does the plugin should be used.

The first option:

1. Add an input element on a page and give it an ID https://prnt.sc/uw5sc5
2. Add a Google Autocomplete element on the same page and fill in the Input ID field in the element’s settings https://prnt.sc/uw5stk
3. Add a Map element on the same page and set the Marker Adress- Google_place’s location https://prnt.sc/uw5wpc

Just in case, here is an Editor of the Live Demo page link, where you can explore how the settings are set:

The second option:

1. Add a searchbox element on a page, set the Choices Style - Geografic Places and a give it an ID https://prnt.sc/uw5zt2 https://prnt.sc/uw60sc
2. Add a Google Autocomplete element on the same page and fill in the Input ID field with ID create in point 1 https://prnt.sc/uw670i

Prerequisites: Google Map API and Google Geocode API keys should be set in Settings > General tab > General services API keys, to you use the plugin with a Map element in the Bubble application - https://prnt.sc/uw6ai5 . Besides, the API keys must be also set in the plugin settings, which were generated in the Google Cloud console https://prnt.sc/uw6a66.

I hope this answer was useful and helped you understand better the correct plugin setup. Once again, thank you very much for your patience and sorry for the misunderstanding.

We will get back to you with regards to notify about the docs updating as soon as possible.

Best,
Zeroqode Team

[tona]

I appreciate the responses. I didn’t get the implication that it needed a map element because of the first field in the documentation. I hope this helps anyone else looking to purchase this and use it in a similar scenario.

Just to let you know, the way it currently works, putting API KEYs in your plugin are not necessary(I tested it). So long as you have them in your bubble general settings and still have the searchbox or map element on the page, it works (which makes sense, because Bubble and not your plugin loads the googlemaps script). The plugin won’t work, if you don’t put API KEYs in bubble’s general settings and put it the API KEYs in the plugin. It doesn’t matter to me, so long as I have a solution, but thought you’d want to know if that’s not your intended result.

[ZeroqodeSupport]

Hey, @tona !

Once again appreciate your insights and attention to details. We’re working on documentation improvement so everything will be clear and understandable. Additionally, we’ll test the plugin to make sure it is working under the correct scenario, and will reflect the correct settings accordingly in the documentation. Apologies for the inconvenience!

Best,
Zeroqode Team

[ZeroqodeSupport]

Hi, @tona!

Hello, thanks for your patience.
We have finished the plugin investigation process and here are the details:

1. the plugin works only with the Input element (search box is not intended);
2. the plugin works only when there’s a map element on the page (the standard one);
3. setting plugin API keys is optional - once you set up keys, the data will synchronize with your Google Account, but it’s not obliged.

We have updated the plugin documentation accordingly. Plus, to as per the fact plugin works only when the map is placed on the page, we have scheduled the plugin improvement (to make it work without the map) on the future plugin update. But, unfortunately, we can not provide you with the exact time estimates when it will be ready.

Once again thanks for your feedback and thanks for helping us to become better

Best,
Zeroqode Team

[nicolas_dap]

Hello @ZeroqodeSupport
I found a bug. When the element is inside a popup, the popup can’t be loaded. Sending you details in PM.

[ZeroqodeSupport]

Hi @nicolas_dap. Thanks for reaching out.

Let us please check the issue you’ve reported. I’ll get back to you shortly.

Regards,
Zeroqode Team

[ZeroqodeSupport]

@nicolas_dap,

For the correct plugin work, you should use the plugin element+input field+map element.

Your popup does not have a map element, connected with the plugin - this is the reason for the bug you’ve found.

Example:
https://www.loom.com/share/bb3ddd942ea84b78aae3e604a548dada

Please try to add a map element to your popup and check if it helped.

Regards,
Zeroqode Team

[nicolas_dap]

Thanks for the reply. There is already a map element on the page to get G Maps Library :

as said in your doc :

Note: The plugin requires the Bubble’s map element on the page in order to return values.

I’ve already tried to add the Map inside the popup, but it does not work neither :

So I’m still blocked.