Transform your Bubble app into a powerful location-based platform with this professional Mapbox integration. Whether you're building a real estate finder, delivery tracking system, travel planner, or any app that needs beautiful, interactive maps, this plugin gives you enterprise-grade mapping capabilities without writing a single line of code.


🗺️ View demo: https://nebulum-plugins.bubbleapps.io/version-test/map_plugin

▶️ Watch video tutorial: https://www.youtube.com/watch?v=7Alcmg1Xrlw

📍 Open in editor: https://bubble.io/page?id=nebulum-plugins&tab=Design&name=map_plugin&type=page

What You Can Build:

Real-time delivery and fleet tracking dashboards
Property listing maps with custom markers and filtering
Travel itinerary planners with route visualization
Store locators with search and directions
Fitness tracking apps with route recording
Event maps showing multiple venues and locations
Custom territory and boundary visualizations

Powerful Features Out of the Box:

Get instant access to professional mapping tools that typically require extensive development time. Display unlimited custom markers with your own icons, colors, and labels. Calculate driving, walking, or cycling routes between any two points with accurate distance and time estimates. Enable users to search for any location worldwide with the built-in geocoder. Track user location in real-time and follow their movement on the map. Choose from 10+ professionally designed map styles including streets, satellite, outdoors, and navigation themes, or use your own custom Mapbox style.



Complete Design Control:

Every visual element is fully customizable to match your brand. Set custom colors for markers, route lines, and user location indicators. Upload your own marker icons or use the default pins in any color. Control map projections, initial view settings, zoom levels, pitch, and bearing. Position navigation controls, scale bars, and search boxes exactly where you want them. Enable or disable specific interactions like scroll zoom, rotation, and panning to create the perfect user experience.




Advanced Capabilities:

Add dramatic 3D terrain visualization with adjustable exaggeration for topographic maps. Implement bounds restrictions to keep users focused on specific geographic areas. Set minimum and maximum zoom levels to control detail visibility. Enable fullscreen mode for immersive map experiences. Track user location with high accuracy GPS and display accuracy circles. Get detailed interaction data including clicked coordinates, selected markers, and current map position.



Mobile and Web Ready:

Works flawlessly on both mobile and desktop devices with responsive touch controls. Supports pinch-to-zoom, two-finger rotation, and smooth panning gestures on tablets and phones. Navigation controls automatically adapt to screen size. All features including search, routing, and location tracking work seamlessly across platforms.



Developer-Friendly Integration:

Access rich state data for workflows and conditional logic. Capture events like map clicks, marker selections, route calculations, and location updates. Publish marker unique IDs for database integration. Get real-time coordinates, zoom levels, and bearing for dynamic filtering. No complex API calls needed - everything is exposed through intuitive Bubble properties and events.



Production-Ready Performance:

Built on Mapbox GL JS, the same technology powering maps for Snapchat, Tableau, and The Weather Channel. Handles thousands of markers without performance degradation. Efficient route caching and optimized rendering. Reliable geolocation with fallback options. Works offline with cached tiles (when configured).




Perfect for MVPs and production apps alike, this plugin eliminates months of custom development while giving you the flexibility to create exactly the map experience your users need.


🗺️ View demo & video tutorial: https://nebulum-plugins.bubbleapps.io/version-test/map_plugin

📍 Open in editor: https://bubble.io/page?id=nebulum-plugins&tab=Design&name=map_plugin&type=page

👀 View our other bubble plugins: https://nebulum.one/bubble-plugins/

👉 Visit us at Nebulum: https://nebulum.one/