# Mapbox plugin for bubble

**URL:** <https://forum.bubble.io/t/mapbox-plugin-for-bubble/66844>\
**Category:** Plugin builders\
**Created:** [September 13, 2019, 7:20pm UTC](https://forum.bubble.io/t/mapbox-plugin-for-bubble/66844 "2019-09-13T19:20:09Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![eduKit](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/edukit/32/45264_2.png) [@eduKit](https://forum.bubble.io/u/eduKit)\
**Post date:** [September 13, 2019, 7:20pm UTC](https://forum.bubble.io/t/mapbox-plugin-for-bubble/66844/1 "2019-09-13T19:20:10Z")

</div>

Is there a Mapbox display plugin? I want to be able to have it displayed on the site and for the user to activate its navigation.

---

<div class="post-metadata">

**Author:** ![lantzgould](https://avatars.discourse-cdn.com/v4/letter/l/ecccb3/32.png) [@lantzgould](https://forum.bubble.io/u/lantzgould)\
**Post date:** [September 13, 2019, 7:46pm UTC](https://forum.bubble.io/t/mapbox-plugin-for-bubble/66844/2 "2019-09-13T19:46:35Z")

</div>

> **[MapBox Maps Plugin for Bubble](https://bubble.io/plugin/mapbox-maps-1521096392586x373091021041696800)**
>
> MapBox Maps Plugin page on Bubble. Add MapBox Maps in one click to your app. Bubble lets you build web apps without any code.

---

<div class="post-metadata">

**Author:** ![JustinC](https://avatars.discourse-cdn.com/v4/letter/j/da6949/32.png) [@JustinC](https://forum.bubble.io/u/JustinC)\
**Post date:** [April 30, 2020, 7:08pm UTC](https://forum.bubble.io/t/mapbox-plugin-for-bubble/66844/3 "2020-04-30T19:08:20Z")

</div>

@levon

With your map box plugin, is it possible to show routing as a DIRECT (straight line) route?

Like:

 ![image](https://us1.discourse-cdn.com/bubble/original/3X/b/3/b315e939af126362214fedd07cfcf3eb74a515fc.png)

![image](https://us1.discourse-cdn.com/bubble/original/3X/3/c/3c2d739096f84bd3fae29155f9057aded3139bb8.png)

I.e. from one point to the other, as if you were flying the route, vs driving as it’s shown in your demo?

 ![image](https://us1.discourse-cdn.com/bubble/original/3X/d/8/d866c86145f1046e7067a8d3af06597282d250ff.png)

---

<div class="post-metadata">

**Author:** ![ZeroqodeSupport](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/zeroqodesupport/32/88962_2.png) [@ZeroqodeSupport](https://forum.bubble.io/u/ZeroqodeSupport)\
**Post date:** [May 1, 2020, 4:45pm UTC](https://forum.bubble.io/t/mapbox-plugin-for-bubble/66844/4 "2020-05-01T16:45:58Z")

</div>

Hello @JustinC

Thanks for reaching out!

Unfortunately, it is not possible to create a route as a straight line .

Regards,  
Zeroqode Team.

---

<div class="post-metadata">

**Author:** ![maxime12](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/maxime12/32/59910_2.png) [@maxime12](https://forum.bubble.io/u/maxime12)\
**Post date:** [May 2, 2020, 7:18am UTC](https://forum.bubble.io/t/mapbox-plugin-for-bubble/66844/5 "2020-05-02T07:18:41Z")

</div>

Hi @JustinC !

I’m currently building a plugin of MapBox with maybe 75% of MapBox features + the implementation of the MapBox community plugin (turf for area calculation, point in polygon… MapBox GL Draw to allow the user drawing on a map… and more and more).

In relation to your request, do you need to display the current user position/or realtime location on the line ?

I have a little bit of work left (maybe 1 week). Would you like to test it once i have finished ? you can tell me if you notice bugs.

---

<div class="post-metadata">

**Author:** ![JustinC](https://avatars.discourse-cdn.com/v4/letter/j/da6949/32.png) [@JustinC](https://forum.bubble.io/u/JustinC)\
**Post date:** [May 2, 2020, 6:51pm UTC](https://forum.bubble.io/t/mapbox-plugin-for-bubble/66844/6 "2020-05-02T18:51:10Z")

</div>

Sounds great @maxime12

What I’m after is a straight/direct line between two or more points (a list of lats/longs or geo addresses) to create a direct route on the page as if you were to fly it with an airplane vs. driving.

---

<div class="post-metadata">

**Author:** ![Kiwi\_Konoid](https://avatars.discourse-cdn.com/v4/letter/k/3da27b/32.png) [@Kiwi\_Konoid](https://forum.bubble.io/u/Kiwi_Konoid)\
**Post date:** [June 23, 2020, 10:45am UTC](https://forum.bubble.io/t/mapbox-plugin-for-bubble/66844/7 "2020-06-23T10:45:11Z")

</div>

Sounds promising, any news on your mapbox plugin ?

---

<div class="post-metadata">

**Author:** ![it1](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/it1/32/52693_2.png) [@it1](https://forum.bubble.io/u/it1)\
**Post date:** [March 15, 2021, 8:49am UTC](https://forum.bubble.io/t/mapbox-plugin-for-bubble/66844/8 "2021-03-15T08:49:45Z")

</div>

How have you got on with completing this plug-in?

---

<div class="post-metadata">

**Author:** ![greg18](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/greg18/32/94594_2.png) [@greg18](https://forum.bubble.io/u/greg18)\
**Post date:** [April 22, 2021, 4:23am UTC](https://forum.bubble.io/t/mapbox-plugin-for-bubble/66844/9 "2021-04-22T04:23:57Z")

</div>

@maxime12 did you finish your plugin yet? I’m looking for a point-in-polygon analyzer

---

<div class="post-metadata">

**Author:** ![sjeftijssen](https://avatars.discourse-cdn.com/v4/letter/s/e47c2d/32.png) [@sjeftijssen](https://forum.bubble.io/u/sjeftijssen)\
**Post date:** [May 29, 2021, 3:38am UTC](https://forum.bubble.io/t/mapbox-plugin-for-bubble/66844/10 "2021-05-29T03:38:10Z")

</div>

@maxime12 did you ever get around to finishing this? Would be great to have a look.

---

<div class="post-metadata">

**Author:** ![maxime12](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/maxime12/32/59910_2.png) [@maxime12](https://forum.bubble.io/u/maxime12)\
**Post date:** [December 11, 2022, 8:00am UTC](https://forum.bubble.io/t/mapbox-plugin-for-bubble/66844/11 "2022-12-11T08:00:16Z")

</div>

@sjeftijssen @greg18 @andrew36

with a lot of delay… Yes I finished the plugin.  
Here is what the plugin can do at the moment, a lot of function can be added, let me know.

 ![Capture d’écran 2022-12-11 à 08.55.04](https://us1.discourse-cdn.com/bubble/original/3X/a/6/a691e6b21cd2d04a528d259153ce5e6cabbe5c55.png)

 ![Capture d’écran 2022-12-11 à 08.59.41](https://us1.discourse-cdn.com/bubble/original/3X/b/3/b35f1f9b232abecee706299cdb568d8b35bf6cfa.png)

---

<div class="post-metadata">

**Author:** ![andrew36](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/andrew36/32/147147_2.png) [@andrew36](https://forum.bubble.io/u/andrew36)\
**Post date:** [December 11, 2022, 9:01am UTC](https://forum.bubble.io/t/mapbox-plugin-for-bubble/66844/12 "2022-12-11T09:01:10Z")

</div>

Congratulations, @maxime12! I’d love to try it out. When is it available? Do you plan to add documentation, and a demo?

---

<div class="post-metadata">

**Author:** ![maxime12](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/maxime12/32/59910_2.png) [@maxime12](https://forum.bubble.io/u/maxime12)\
**Post date:** [December 11, 2022, 10:02am UTC](https://forum.bubble.io/t/mapbox-plugin-for-bubble/66844/13 "2022-12-11T10:02:31Z")

</div>

In a week or two, I can also add functions, look at the documentation if there are any that interest you :

> **[Map | Mapbox GL JS](https://docs.mapbox.com/mapbox-gl-js/api/map/)**
>
> The Map object represents the map on your page. It exposes methods and properties that enable you to programmatically change the map, and fires events as users interact with it.

---

<div class="post-metadata">

**Author:** ![andrew36](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/andrew36/32/147147_2.png) [@andrew36](https://forum.bubble.io/u/andrew36)\
**Post date:** [December 12, 2022, 8:06am UTC](https://forum.bubble.io/t/mapbox-plugin-for-bubble/66844/14 "2022-12-12T08:06:50Z")

</div>

Are we able to specify the line/polygon/area styles? Is the end user able to draw these items themselves?

---

<div class="post-metadata">

**Author:** ![ZeroqodeSupport](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/zeroqodesupport/32/88962_2.png) [@ZeroqodeSupport](https://forum.bubble.io/u/ZeroqodeSupport)\
**Post date:** [December 28, 2022, 1:19pm UTC](https://forum.bubble.io/t/mapbox-plugin-for-bubble/66844/15 "2022-12-28T13:19:19Z")

</div>

Hey @andrew36🙂

With [MapBox Maps Plugin for Bubble | Zeroqode](https://zeroqode.com/version-live/plugin/mapbox-maps-plugin-for-bubble--1528977923342x484968448273940500) you are able to specify the line/poligon/multipoligon styles. Please check the [Demo page](https://zeroqode-demo-08.bubbleapps.io/mapbox_new_responsive) out namely Layers section in the side-bar.

With the Create a Line action you can add a line, polygon or multipolygon on the map setting the color, opacity and width options. Hope this will be useful for you.

Happy Holidays  
Best, Zeroqode support team
