# Is it possible to build an interactive map with Bubble?

**URL:** <https://forum.bubble.io/t/is-it-possible-to-build-an-interactive-map-with-bubble/37976>\
**Category:** Questions\
**Created:** [September 14, 2018, 4:49am UTC](https://forum.bubble.io/t/is-it-possible-to-build-an-interactive-map-with-bubble/37976 "2018-09-14T04:49:08Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![lrose44](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/lrose44/32/28942_2.png) [@lrose44](https://forum.bubble.io/u/lrose44)\
**Post date:** [September 14, 2018, 4:49am UTC](https://forum.bubble.io/t/is-it-possible-to-build-an-interactive-map-with-bubble/37976/1 "2018-09-14T04:49:08Z")

</div>

Hi all,

I learned about Bubble just a few days ago and am excited to join the community and hopefully build some cool apps! I’m interested in building an interactive map, similar to this: [http://adoptadrainoakland.com/](http://adoptadrainoakland.com/).

Users would need to be able to:

1. login
2. select a pre-marked location on the map
3. Indicate that they would like to perform an action at that location

From your experience, would this be possible using Bubble?

Thanks in advance,

Larry

---

<div class="post-metadata">

**Author:** ![NigelG](https://avatars.discourse-cdn.com/v4/letter/n/ea5d25/32.png) [@NigelG](https://forum.bubble.io/u/NigelG)\
**Post date:** [September 14, 2018, 7:46am UTC](https://forum.bubble.io/t/is-it-possible-to-build-an-interactive-map-with-bubble/37976/2 "2018-09-14T07:46:00Z")

</div>

Welcome to Bubble.

Yes, that is entirely possible in Bubble. Maps with dynamic markers are easy, and you can display data when you click on a marker in various ways.

---

<div class="post-metadata">

**Author:** ![lrose44](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/lrose44/32/28942_2.png) [@lrose44](https://forum.bubble.io/u/lrose44)\
**Post date:** [September 14, 2018, 11:35pm UTC](https://forum.bubble.io/t/is-it-possible-to-build-an-interactive-map-with-bubble/37976/3 "2018-09-14T23:35:54Z")

</div>

Hey @NigelG - thanks for the confirmation. After I posted this I started on the interactive lessons and the first one was to create a map app…

Glad to know dynamic markers are easy and that it’s possible to display data.

Thank you, looking forward to learning and being part of the community!

Larry

---

<div class="post-metadata">

**Author:** ![batshevabracha](https://avatars.discourse-cdn.com/v4/letter/b/e0b2c6/32.png) [@batshevabracha](https://forum.bubble.io/u/batshevabracha)\
**Post date:** [September 20, 2018, 6:14am UTC](https://forum.bubble.io/t/is-it-possible-to-build-an-interactive-map-with-bubble/37976/4 "2018-09-20T06:14:11Z")

</div>

Hello, which interactive lessons are you talking about? I’ve been looking for some specific tutorials and couldn’t find any relevant information. I’d be very glad if you could link me to those tutorials you were talking about…

Thanks in advance

---

<div class="post-metadata">

**Author:** ![lrose44](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/lrose44/32/28942_2.png) [@lrose44](https://forum.bubble.io/u/lrose44)\
**Post date:** [September 22, 2018, 5:23am UTC](https://forum.bubble.io/t/is-it-possible-to-build-an-interactive-map-with-bubble/37976/5 "2018-09-22T05:23:26Z")

</div>

Hey @batshevabracha - the interactive lessons are located here: [https://bubble.io/lessons](https://bubble.io/lessons)

Hope that helps!

---

<div class="post-metadata">

**Author:** ![glocalaudioguide](https://avatars.discourse-cdn.com/v4/letter/g/c57346/32.png) [@glocalaudioguide](https://forum.bubble.io/u/glocalaudioguide)\
**Post date:** [August 9, 2019, 9:44pm UTC](https://forum.bubble.io/t/is-it-possible-to-build-an-interactive-map-with-bubble/37976/6 "2019-08-09T21:44:01Z")

</div>

Hi guys. I know I’m almost one year late on this discussion, but I still didn’t manage to create an interactive map in bubble.

I did set the markers as the Lessons tought me, but they are regular markers of Google Maps, they are not interactive. I want to be able to play an audio or a video when the users clicks on the marker.

How can I do that?

Thanks

---

<div class="post-metadata">

**Author:** ![nocodeventure](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/nocodeventure/32/247164_2.png) [@nocodeventure](https://forum.bubble.io/u/nocodeventure)\
**Post date:** [August 10, 2019, 11:26am UTC](https://forum.bubble.io/t/is-it-possible-to-build-an-interactive-map-with-bubble/37976/7 "2019-08-10T11:26:39Z")

</div>

Action workflow play audio when map A’s marker is {ADDRESS}

---

<div class="post-metadata">

**Author:** ![ryan16](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/ryan16/32/48352_2.png) [@ryan16](https://forum.bubble.io/u/ryan16)\
**Post date:** [September 24, 2019, 5:11pm UTC](https://forum.bubble.io/t/is-it-possible-to-build-an-interactive-map-with-bubble/37976/8 "2019-09-24T17:11:51Z")

</div>

I am not sure what this means "action workflow play audio when map A’s marker is address. It makes logical sense but not sure how to implement.

I have this but i can’t figure out what to add specifically to make this work. When you click the marker on map its supposed to bring up the data from our database that matches that location, into the group.

 ![21%20AM](https://us1.discourse-cdn.com/bubble/original/3X/9/3/93337cd9c553efbcebf8ad729638db010f8ece98.png) ![06%20AM](https://us1.discourse-cdn.com/bubble/original/3X/8/3/831c1ad467a2a9321e82667ef3fd37e2fca66180.png)

---

<div class="post-metadata">

**Author:** ![sudsy](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/sudsy/32/114637_2.png) [@sudsy](https://forum.bubble.io/u/sudsy)\
**Post date:** [September 24, 2019, 6:28pm UTC](https://forum.bubble.io/t/is-it-possible-to-build-an-interactive-map-with-bubble/37976/9 "2019-09-24T18:28:25Z")

</div>

> [@glocalaudioguide](#):
>
> I want to be able to play an audio or a video when the users clicks on the marker.
> 
> How can I do that?

I think you’ll need at least a couple things:

First, you’ll probably need a plugin to play audio or video. I think there’s at least one audio plugin available for free in [the marketplace](https://bubble.io/plugins). Just search for “audio”.

Second, you’ll need to create a [workflow that responds to a map marker click](https://bubble.io/reference#Events.MapMarkerClicked). In that workflow, you play the audio file.

 ![marker-click](https://us1.discourse-cdn.com/bubble/original/3X/4/b/4b5bc60f71441d7fd70f1d5035e092c4366836ab.png)

---

<div class="post-metadata">

**Author:** ![sudsy](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/sudsy/32/114637_2.png) [@sudsy](https://forum.bubble.io/u/sudsy)\
**Post date:** [September 24, 2019, 6:35pm UTC](https://forum.bubble.io/t/is-it-possible-to-build-an-interactive-map-with-bubble/37976/10 "2019-09-24T18:35:17Z")

</div>

> [@ryan16](#):
>
> When you click the marker on map its supposed to bring up the data from our database that matches that location

I think you’ll want to implement a workflow that handles the marker click event. See [my other response](http://forum.bubble.io/t/is-it-possible-to-build-an-interactive-map-with-bubble/37976/9). You can also display information overlaid onto the map within a popup that appears when the marker is clicked.

---

<div class="post-metadata">

**Author:** ![tt.lindvall](https://avatars.discourse-cdn.com/v4/letter/t/e19b73/32.png) [@tt.lindvall](https://forum.bubble.io/u/tt.lindvall)\
**Post date:** [April 27, 2020, 8:30pm UTC](https://forum.bubble.io/t/is-it-possible-to-build-an-interactive-map-with-bubble/37976/11 "2020-04-27T20:30:42Z")

</div>

Hi Nigel - I’d love to learn more about how to build an interractive map. I’m trying to create a similar map as Yelp where when you hover over the marker it displays a thumbnail of that place. How do I do that?

---

<div class="post-metadata">

**Author:** ![NigelG](https://avatars.discourse-cdn.com/v4/letter/n/ea5d25/32.png) [@NigelG](https://forum.bubble.io/u/NigelG)\
**Post date:** [April 28, 2020, 9:44am UTC](https://forum.bubble.io/t/is-it-possible-to-build-an-interactive-map-with-bubble/37976/12 "2020-04-28T09:44:15Z")

</div>

Not going to be possible on hover I don’t think. And the map “legend” doesn’t really like images.

What you can do is use the “on marker click” and a) set the marker to be the centre of the map, show a thumbnail over the top of the map.

> **[Bubble - Visual Programming](https://striptesting.bubbleapps.io/version-test/map2)**
>
> Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications.

Obviously you would have different images 🙂

---

<div class="post-metadata">

**Author:** ![natserrano](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/natserrano/32/69671_2.png) [@natserrano](https://forum.bubble.io/u/natserrano)\
**Post date:** [October 14, 2020, 6:57pm UTC](https://forum.bubble.io/t/is-it-possible-to-build-an-interactive-map-with-bubble/37976/13 "2020-10-14T18:57:32Z")

</div>

thank you sir
