Add high-performance Mapbox maps to your Bubble mobile app with custom markers, map styles, geolocation tracking, zoom and navigation controls, real-time data layers, and workflow integration.
       
⚡ Main Functions:

• Interactive Mobile Maps.
   Add touch-friendly Mapbox maps with high performance.
• Custom Markers & Styles.
   Use unique markers and built-in or custom map styles.
• Dynamic Controls.
   Enable nav buttons, zoom controls, and smooth camera movement.
• Geolocation Tracking.
   Track and display the user’s location in real time.

⚡ Key Features:

📊 Real-Time Data Visualization
     Show live pins, paths, heatmaps, and other data layers.
📱 Mobile-Optimized Performance
     Designed for fast, responsive use on mobile devices.
🧩 Seamless Bubble Integration
     Connect map actions to workflows with native support.



Documentation

We’ve created a detailed step-by-step guide for the Mapbox Maps for Bubble Mobile Plugin. It includes a comprehensive overview of all features, practical use cases, and answers to frequently asked questions.

       
FAQ

What does the Mapbox Maps for Bubble Mobile plugin provide?
It delivers a powerful, mobile-first mapping solution for Bubble Native apps using Mapbox GL JS—optimized specifically for touch interaction and smooth performance.

What prerequisites are required to use this plugin?
You need a Mapbox account and a public access token. This token is generated in your Mapbox account and entered into the plugin settings to enable functionality.

How do I set it up in my app?
After installing the plugin, you add the Mapbox element to your mobile page, provide the access token, and configure settings like center location, zoom level, pitch, bearing, style, and language. You can also adjust gesture interactions such as pan, zoom, pinch, and rotate.

Which map properties can be customized?
You can configure the map’s initial camera (longitude, latitude, zoom, pitch, and bearing), select a map style, change label language, and enable or disable gesture interactions.

What actions are available after the map is loaded?
You can enable or disable gesture controls dynamically, add or remove navigation buttons and change the map’s style.

What states does the plugin expose?
It provides information such as whether the map is loaded, the list of marker IDs currently on the map, and any error messages encountered.

What events can trigger workflows?
Events include when the map is loaded, when an error occurs, and when the list of markers changes.

Can it be tested before publishing?
Yes. Since the plugin is optimized for Bubble’s mobile editor, it should be tested through the TestFlight app on iOS devices or directly in the BubbleGo app.

   


Our Similar Plugins

- Mapbox Maps
- Yandex Geo Map
- Google Map
- Leafy Maps




Support

If you still have questions or unresolved issues, you can contact us.


Risk-free Trial

The most risk-free way to try out this plugin is to subscribe to it. If you unsubscribe a few days later you will be charged on pro-rata basis, so for example if the plugin monthly price is $5 then you’d pay only 17¢ per day ($5/30 days)!