# 🔌 New Plugin - Mapbox Heatmap

**URL:** <https://forum.bubble.io/t/new-plugin-mapbox-heatmap/170392>\
**Category:** Showcase\
**Created:** [September 21, 2021, 7:18pm UTC](https://forum.bubble.io/t/new-plugin-mapbox-heatmap/170392 "2021-09-21T19:18:16Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![shawnmi6](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/shawnmi6/32/96625_2.png) [@shawnmi6](https://forum.bubble.io/u/shawnmi6)\
**Post date:** [September 21, 2021, 7:18pm UTC](https://forum.bubble.io/t/new-plugin-mapbox-heatmap/170392/1 "2021-09-21T19:18:16Z")

</div>

Hey 👋

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

**:st** ar: 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](https://www.mapbox.com/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](https://bubble.io/plugin/mapbox-heatmap-1630741925216x321436336983638000)  
[Plugin Demo](https://heatmap-leaflet-demo.bubbleapps.io/version-test)  
[Plugin Demo Editor](https://bubble.io/page?name=index&id=heatmap-leaflet-demo&tab=tabs-1)

---

<div class="post-metadata">

**Author:** ![ohyoonkwn](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/ohyoonkwn/32/76883_2.png) [@ohyoonkwn](https://forum.bubble.io/u/ohyoonkwn)\
**Post date:** [October 28, 2021, 1:42pm UTC](https://forum.bubble.io/t/new-plugin-mapbox-heatmap/170392/2 "2021-10-28T13:42:38Z")

</div>

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](https://us1.discourse-cdn.com/bubble/original/3X/5/2/52eb8b951a78e4cecf5ba4eed3cee47a6f18839e.png)

---

<div class="post-metadata">

**Author:** ![shawnmi6](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/shawnmi6/32/96625_2.png) [@shawnmi6](https://forum.bubble.io/u/shawnmi6)\
**Post date:** [October 29, 2021, 8:34am UTC](https://forum.bubble.io/t/new-plugin-mapbox-heatmap/170392/3 "2021-10-29T08:34:09Z")

</div>

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