Forum Documentation Showcase Pricing Learn more

[New Plugin] Google Maps (bdk)

Hello Bubblers,

We have a new addition to the Bubble Developer Kit :smiley:

Google Maps (bdk): An extended version of google maps with extensive marker support, styling and customization capabilities. Build maps like Airbnb with useful marker icons. Dynamically update markers in real-time for each customer of your 1/2/3/4/5 - sided marketplace. Or just apply funky styles to make that map visually appealing.

Features include:

  1. Types: Terrain,satelite,roadmap,hybrid

  2. Action controls: Set initial center & zoom controls. Change anytime or pan to another address via workflow action

  3. Layers: Add traffic, transit & bike layers on top of your map dynamically

  4. Styles: Choose from hundreds of map themes (e.g. night mode, assassin’s creed, Uber) online and apply in a single paste of text

  5. Multiple marker sets:

    • Add upto 5 sets of markers
    • Each marker set can have different data source
    • Select address, label, icon, info window for each marker set
    • Each set can have its own default marker icon
    • Each marker itself is fully customizable - icon, label, location & infowindow text
  6. Marker custom icons:

    • Define default icon for each marker set
    • Customize individual marker icons via data source field. If empty, automatically switches to marker set’s default icon
  7. Marker Info windows: Customize the content that shows up in the info window that pops up, on every single marker (html accepted).

  8. Visible markers: Automatically outputs all visible markers that the user can see, for each marker set

  9. Custom controls: Choose which controls are displayed on map - fullscreen, zoom, map type, street view etc.

  10. Marker workflows: Trigger workflows on any click of any marker. Also use the corresponding data in your workflow

Demo here.
Editor here .
Or see the demo gif recordings & setup walkthrough video in the below post!

Happy Bubbling,
Cheers,
Gaurav

8 Likes

Fantastic work!

1 Like

Multiple marker sets

Custom Info Windows and Marker click workflows

Outputs live visible markers data among other things

Workflows to pan, center and zoom

Super easy setup

6 Likes

Awesome! Now can you build something similar for pdf’s? :grinning:

Will your plugin provide directions between markers with waypoints?

1 Like

That’s great Gaurav.
One thing that I think is missing in all maps plugins here is the ability to use Cluster. I have a user database where I would love to display the number of users on specific cities and the when you click expands with all the users there.
Is this option coming on this plugin?
Thank you!

3 Likes

Nice work @gaurav is it possible to add a geojson set of data

Interesting. I can see that being pretty useful. I’ll look to implement this. Thanks for the suggestion @caioprezia! :slight_smile:

@peter8 not at the moment but I’d love to understand the most common use-cases of this feature. Will try to implement corresponding to those

Thanks @horlartom2013! not at the moment but I’ll look into it

Thank you @Taiheta! :smiley:

Haha thanks!
By pdf’s you mean some new plugin? If yes, do DM me!

2 Likes

Hi @gaurav, The native Google Maps ellement in Bubble has a dynamic zoom based on the loaded data. Is this possible with this plug-in?

Hi @mike_verbruggen, the plugin element has a ‘initial zoom level’ which you can set to a dynamic expression