Services Plugins FAQs

Leafy map interrogations

Plugins
#1

Hi everyone,
I just installed the Leafy Maps plugin and I added the Mapbox access token to the plugin settings.
First of all, I am not very familiar with addresses on Bubble.

1- When we add a “geographic address” field in our database, we receive a notification from Bubble for adding our Google Geocode API key. I am wondering if with the Leafy Map plugin we can get around this rule. Which option would be possible in order to keep a geographic address field? Or, which datatype should I use for the addresses I want to display on the maps?

2- On the documentation, It is written that one of the available features is " 3. Address autocompletion and geocoding". But I can’t find more information about the way to implement it on my app. Does anyone have more information about this functionality?

Thank you for your help :slight_smile:

#2

Hello @lunomis ,

Thank you for reaching out to us.

Regarding your question, I understand that you would like to use Mapbox’s tiles with Leafy map for your use case. However, we do not fully understand your specific situation and the problem you are encountering. To better assist you, could you please provide more details, including screenshots and a screencast of how you have set up your workflow, the exact issue you are facing, and the desired outcome?

These details will help us understand and reproduce your setup on our side and provide a better answer.

Thank you, and I look forward to your reply.

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

#3

Hello @Stephan,

Thank you for your reply.
I have a datatype called “Company”. Within this datatype, I have a field called “Address”. I would like this field to be of type “geographic address” because I need to extract some info such as the company’s country.

image
image1077×39 3.55 KB

It looks like this field type is related to the geocoding feature since Bubble adds an alert in the issue checker for the Google Map Geocode API key (screenshot here : image )

My question is the following : How should I proceed to use the address autocompletion and geocoding feature from Leafy Map (as mentionned in the plugin documentation

image
image727×538 14.5 KB
) ?

If I am not mistaken, using this feature would allowed me to use the “geographic address” field type without using a Google Geocode API key.

I hope this message will help you to better understand my problem. If not, don’t hesitate to ask me to send you more information. And the type of information you need.

Thank you for your appreciated help

#4

Hello @lunomis,

Thanks for your message.

From your message, I understand that you tried to use Bubble’s own geocoding features. Indeed, Bubble by default provides a small amount of 6 Google Geocode API calls per minute, which is not enough in most cases. Therefore, in order to fully use geographical addresses in Bubble and work with geocoding tools, it will require your own Google API keys in the Settings > General > “General services API Keys” section. For more detailed information, please check Bubble’s manual: Working with location data | Bubble Docs

Regarding the Leafy Maps plugin, it does offer an extensive amount of mapping tools from different providers. If you want to get suggestions for places based on a text input, you can use the “Get HERE Suggestion” action and then have the geographical place available in the “HERE Suggestion” state. However, it must be mentioned that in order to use this functionality or any other in the plugin, you will also need one or several keys for the services you plan to use, in this case HERE API keys.

Also, if you have coordinates of one point, you can also use Bubble’s “Calculate Formula” functionality with it, you can retrieve a geographical address based on the provided coordinates.

Screenshot 2024-10-31 at 15.47.47
Screenshot 2024-10-31 at 15.47.471424×482 52.8 KB

Hope this information will prove helpful. Please let me know if you have any other questions.

Have a great day ahead!

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

#5

Hello @Stephan,

Thank you for your thorough reply.
Everything is clear for me now!

Have a great week!

1 Like
#6

Hello @lunomis,

Thank you for your message and update. :pray:

Please feel free to let me know if you have any other questions or concerns regarding Leafy Maps or any of our other plugins. It is always our pleasure to help you out.

If you’re enjoying our plugins, we’d love it if you could take a moment to rate them. Simply go to the Plugins tab in the Bubble editor, search for the plugin by name, and award it the stars you think it deserves. Your support would mean a great deal to us!

Furthermore, if you’re willing to share your entire experience with Zeroqode, we invite you to do so at Review. Your feedback is incredibly valuable to us and the Bubble community, as it motivates us to continue developing outstanding products and maintaining excellent customer service. :blush:

Thanks again, and have a great day ahead!

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

1 Like
#7

Hello @Stephan,

I have another question regarding the “HERE suggestion” state. This state is a list of adresses (text format). But I don’t manage to have other information such as the corresponding longitude or latitude coordinates.

I want my users to type an address in an input box and allow them to select one of the suggested addresses and save the longitude and latitude of the selected address in the “company’s longitude” and “company’s latitude” datafields. There is no need to display the marker on a map at this stage.

Is this possible? Or should I proceed differently?

Thank you for your help
BR,
Luno

#8

Hi @lunomis,
Thank you for getting back to us, I will jump on this thread while Stefan is on Vacation till next week. :palm_tree:

The Leafy Maps plugin indeed includes the “Get HERE Suggestion” action, which can retrieve address suggestions based on text input, and “Get HERE Route”, which can handle route-related information.

To find out more about each action, I recommend consulting the plugin documentation: Leafy Maps

To achieve the setup where users can type an address, select from suggested options, and save the latitude and longitude without displaying a marker on a map, you can follow these steps and general recommendations:

  1. Use “Get HERE Suggestion”: Set up the “Get HERE Suggestion” action in the Leafy Maps plugin to provide address suggestions as the user types.
  2. Capture Selected Address: Once a user selects an address from the suggestions, store the selected address in a custom state or hidden input field.
  3. Fetch Coordinates with HERE Geocoding API: Use the HERE Geocoding API via Bubble’s API Connector to convert the selected address text into latitude and longitude coordinates.
  4. Save Coordinates: After retrieving the coordinates, save them in your database fields (e.g., “company’s longitude” and “company’s latitude”).

Hope this info proves helpful and will guide you in the right direction. :slight_smile:

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

#9

Hi @Igor,

Thank you for your thorough reply.
I’ll try to proceed this way :slight_smile:

Have a great day

Best regards,
Luno

2 Likes
#10

Hello @lunomis,

Hope you’re doing well.

I am writing to inquire if there are any updates on your side since our latest communication. If you have any other questions, please feel free to reach out anytime.

If you’re enjoying the plugin and have some spare time, we’d love for you to rate it. Simply go to the Plugins tab in the Bubble editor, search for the plugin by name, and award it the stars you think it deserves.

Furthermore, if you would like to share your complete experience with Zeroqode, we would be grateful if you could leave your feedback at: Review.

Also, you can use the direct links:
https://www.g2.com/products/zeroqode/reviews
https://clutch.co/profile/zeroqode#reviews
Zeroqode Reviews | Read Customer Service Reviews of zeroqode.com

Your feedback is extremely valuable to both us and the Bubble community, inspiring us to keep delivering top-notch products and excellent service. :blush:

Thank you again, and I wish you an amazing week ahead. :pray:

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