Can anyone help me with setting up the plug-in for Google Maps?

Need help APIs
1

Hey, Y’all. I’m quite stuck on setting up the API key / connection for an input on my web app and Google Maps. Can anyone help me?

2

Hi @truebloodmichaelb,

I’d be happy to help you get this resolved!

To make sure I provide the correct guidance, could you please clarify if you are using one of our plugins, such as Bubble’s Google Map Extender or the Google Maps Custom Markers plugin?

To help me troubleshoot, please share:

  • Screenshots of your API setup and the plugin’s property editor.
  • Any error messages appearing in your browser console logs.
  • A Loom recording if possible, as it helps me see the issue in action.

Once I have those details, I’ll jump right in to help!

Best regards,
Support Team
Browse all Zeroqode Plugins for Bubble
Banner_Last3

3

Hey!

I’ve been following ChatGPT’s recommendations on my build, but I’m happy to accept your/Bubble’s recommendation on what I should do for obtaining latitude and longitude—? I want my customers to be able to indicate a city/neighborhood and state + select a radius.

—Michael

4

Hi @truebloodmichaelb,

I’ve taken a look at your requirements, and for a setup that lets users specify a city and a search radius, I’d recommend checking our Google Maps Custom Markers plugin. Unlike the standard map elements, this plugin has specific functionality to draw a visual disc around markers using a Radius (in meters) and Color field.

Suggested Setup

To get your location data and radius working correctly, you can try the following:

  • Place a Search Box element on your page.
  • Set the “Choices style” to Geographic addresses. This allows users to pick specific cities or neighborhoods.
  • Capture the coordinates by referencing the Search Box's value's latitude and Search Box's value's longitude.
  • Add an Input element (set to Integer) to let users define their preferred radius.
  • Pass these values into the Google Maps Custom Markers element properties to visualize the area.

I suggest checking out our Google Maps Custom Markers documentation and exploring the demo editor first to see how the “Radius” and “Color” fields are configured on the marker data type. It’s a very clean way to show users exactly what area they are looking at.

If you have any questions while setting this up, let me know!

Best regards,
Support Team
Browse all Zeroqode Plugins for Bubble
Banner_Last3