🔌 New Plugin - Mapbox Heatmap

Showcase
1

Hey :wave:

Just published a new :electric_plug: plugin to help developers add :world_map: Heatmaps to their bubble apps without interfering with the native bubble google maps element and library.

:star: Feature Highlights:

  • Use Bubble’s “Geographic’s Address” as a data source
  • Use JSON as a data source
  • Set Map’s Initial Zoom
  • Show/Hide Map Type Controls
  • Show/Hide Zoom Controls
  • Set Mapbox Default or Custom Map Styles ( Mapbox Studio )
  • Heat Layer - Set Opacity
  • Heat Layer - Set Radius

The plugin utilizes all of bubble’s native responsive and styling options.

Compatibility - All web browsers.

Plugin
Plugin Demo
Plugin Demo Editor

2 Likes
2

Hey, your plug in looks great! Just downloaded it.

When I preview the app, I see that you plug in Google map shows an error message and not displaying the settings. Is it because I haven’t set up Google APIs for my site yet? I haven’t deployed the site yet so haven’t set up Google API Keys for my Bubble site yet.

Is there a way to bypass it? I only will deploy the site to the real domain when the app is close to ready. Because the domain is currelntly used by a production app.

Screenshot 2021-10-28 at 15.39.49
Screenshot 2021-10-28 at 15.39.49788×656 43.7 KB

3

You will need to provide a Google Maps API key for the plugin to work. Unfortunately, no way to bypass it.