Marker Mate logo

Marker Mate

Published September 2019
   •    Updated January 2026

Plugin details

Marker Mate enhances Bubble's built-in Google Map element by giving you full control over the content and appearance of your marker popups.
Add the Marker Mate element to your page, associate it with a Google Map, and display pretty much anything you'd like inside a marker's popup window - including lists, links, and images!

No actions or workflows are required. Using Bubble's dynamic expression builder, just add your desired content to the "Marker caption" property of the Google Map element using plain HTML. Then add CSS to the Marker Mate element to style the content.

Also included is the ability to selectively hide the built-in map controls, thereby enabling an uncluttered map display, which is particularly helpful on small-screen devices.

FEATURES & BENEFITS

* Fully customizable maker captions (info window dialogs) - including images, lists, and links.

* Selectively hide map controls for an unobstructed map view.

* Implement your own "custom" map controls using native Bubble elements with the included actions.

$19

One time  •  Or  $7/mo

2.0 stars   •   2 ratings
206 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Tech-Tonic logo
Tech-Tonic
Joined 2017   •   4 Plugins
View contributor profile

Instructions

PLEASE NOTE
In a bit of a departure from our "no code" ethos, this plug-in is categorized as "technical", requiring some familiarity with basic HTML and CSS. If you are not familiar with these web technologies or do not wish to learn, you should seek another solution.

-----------------------------------------

HOW TO USE

1)  PREP: First, be sure to enable the element ID option in your app's settings (Settings --> General). Then, add an ID to the Google Map element (at the bottom of the map's property editor). Finally, enter that same ID into the "Map ID" field of Marker Mate. Marker Mate is now associated with the Google Map.

2)  ADD CONTENT: Using Bubble's dynamic expression builder, simply add your desired HTML to the "Marker caption" property of the Google Map element.

3)  STYLE: Add the desired CSS to the "Marker Popup Styles" field of Marker Mate.

-----------------------------------------

DEMO

https://tt-marker-mate.bubbleapps.io/version-test

Types

This plugin can be found under the following types:
Element   •   Action

Categories

This plugin can be found under the following categories:
Technical   •   Location   •   Mobile   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (2.0)

Width Popup
October 18th, 2024
Is it possible to set the popup width in the Marker Mate plugin?
No, unfortunately. The popup itself is the native Google Maps popup, and its position, size, etc. are managed by Google's code. Marker Mate basically enables a Bubble dev to "inject" content into it via dynamic expression (along with some other features as documented). 🙂 (plugin author)
October 18th, 2024
  •  
Tech-Tonic
Doesn't work
October 6th, 2023
We recently became aware that our Google Map API key was no longer working on our demo pages. If that's what you encountered, I can understand your frustration. What I don't understand is your decision not to contact us and instead leave a scathing review. For the record, the plugin does indeed work; and in fact, it was just updated. (plugin author)
October 12th, 2023
  •  
Tech-Tonic
Bubble