Seeking Assistance with Map Features on Bubble.io

Need help Plugins
1

Hello Bubble Community,

I’m working on a project and encountering several issues with map integration. I’d appreciate any guidance or solutions!

  1. Interactive Map for Adding New Points:
  • On Map A, users can toggle visibility of various types of collection points using filter bubbles. I’ve added a button that opens a popup with Map B, where users should be able to pin a new location by moving a marker or clicking on the map. I need this to capture the location data (address, latitude, longitude) for form submission but am struggling with implementation.
  1. Custom Marker Icons:
  • I want to display custom pin icons on Map A corresponding to the color of the collection point type (e.g., yellow pins for yellow bins), but I can’t seem to set it up correctly.
  1. Marker Popups with Directions:
  • I’m looking to make markers on Map A interactive, such that clicking a marker displays a mini-popup with brief info about the collection point and a button to launch Google Maps directions on the user’s phone.

These are critical functionalities for my app, and I’m hoping for some expert advice or examples on how to resolve these. Thank you!

Best, Maxime Lecordier

2

Hey @maxime.lecordier2020 :wave:

For the first problem: if you are using the default map element, there is no event for clicking on map to get the coordinates of the clicked area. However, as a workaround, I have posted this in the past. Please check that:

bdk_512x512 @Huseyin from Flusk | Discover the #1 Security and Monitoring Tool for Bubble

1 Like