Demo to preview the plugin:
Introduction
A fully interactive Google Maps element for your Bubble native app, built on top of the Google Maps JavaScript API. It supports map configuration, custom styling, info popups, real-time GPS location tracking, and map controls - all accessible through Bubble states, events, and actions.
Prerequisites
This plugin is designed specifically for the mobile version of the Bubble editor. To test the plugin on your mobile device, use the TestFlight app available at: https://testflight.apple.com/join/t65D5D6R
Please note that the testing app is currently available for iOS only.
Known Issue: Zoom & Scroll Sensitivity
The entire page may move when attempting to zoom or interact with the map. This results in unintended scrolling behavior that can affect the overall user experience.
At this time, this behavior cannot be fully resolved due to platform limitations.
How to setup
Step 1 – Add the Plugin Element to Your Page
Step 2 – Configure Properties
Plugin Element - Mobile Google Map
A Google Maps element that embeds and controls an interactive map in Bubble Mobile, allowing location display, info popup management, GPS tracking, and real-time map state reporting.
Fields
Element Actions
Exposed states
Element Events
Workflow example
Set Map Zoom Level
Set Map Center
Add Marker
