# How to add image in map mark description?

**URL:** <https://community.thunkable.com/t/how-to-add-image-in-map-mark-description/243357>\
**Category:** Questions about Thunkable X\
**Created:** [September 25, 2019, 8:34am UTC](https://community.thunkable.com/t/how-to-add-image-in-map-mark-description/243357 "2019-09-25T08:34:34Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![Fernando\_Matos](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/fernando_matos/32/30641_2.png) [@Fernando\_Matos](https://community.thunkable.com/u/Fernando_Matos)\
**Post date:** [September 25, 2019, 8:34am UTC](https://community.thunkable.com/t/how-to-add-image-in-map-mark-description/243357/1 "2019-09-25T08:34:34Z")

</div>

hello i’m creating an app that has a map with multiple tags. and needed help when i click on the mark the airtable image appears in the description! or by clicking on the mark the image appears outside the map in the image component! 🙏

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [September 25, 2019, 9:28am UTC](https://community.thunkable.com/t/how-to-add-image-in-map-mark-description/243357/2 "2019-09-25T09:28:38Z")

</div>

> [@Fernando\_Matos](#):
>
> when i click on the mark the airtable image appears in the description

At the moment the description is text-only, so you’ll have to go for the second option here…

> [@Fernando\_Matos](#):
>
> or by clicking on the mark the image appears outside the map in the image component

You can do this with a variable and a list of the images you want to display.

---

<div class="post-metadata">

**Author:** ![Fernando\_Matos](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/fernando_matos/32/30641_2.png) [@Fernando\_Matos](https://community.thunkable.com/u/Fernando_Matos)\
**Post date:** [September 25, 2019, 10:43am UTC](https://community.thunkable.com/t/how-to-add-image-in-map-mark-description/243357/3 "2019-09-25T10:43:51Z")

</div>

Thankyou you have some tutorial?

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [September 25, 2019, 11:31am UTC](https://community.thunkable.com/t/how-to-add-image-in-map-mark-description/243357/4 "2019-09-25T11:31:21Z")

</div>

I don’t, sorry Fernando - but if you have some blocks to share I’m happy to offer you some pointers.

---

<div class="post-metadata">

**Author:** ![jane](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jane/32/27575_2.png) [@jane](https://community.thunkable.com/u/jane)\
**Post date:** [September 26, 2019, 2:30pm UTC](https://community.thunkable.com/t/how-to-add-image-in-map-mark-description/243357/5 "2019-09-26T14:30:12Z")

</div>

Hi @Fernando_Matos,

[Here](https://x.thunkable.com/copy/07129325d167f578c2729844effd7447) is a little sample app that will display an image based on the marker selected inthe map.

This method works fine if you only have a few images.

If you have more than that, I’d recommend implementing a list - which I’ll work on doing right now and I’ll update this comment when it’s completed 😄

---

<div class="post-metadata">

**Author:** ![Fernando\_Matos](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/fernando_matos/32/30641_2.png) [@Fernando\_Matos](https://community.thunkable.com/u/Fernando_Matos)\
**Post date:** [September 27, 2019, 12:33pm UTC](https://community.thunkable.com/t/how-to-add-image-in-map-mark-description/243357/6 "2019-09-27T12:33:30Z")

</div>

@jane well i can’t follow the example in my project because i created a marker for each rows in airtable and what i want and when i click on a marker to appear in the image component the photo of that row

---

<div class="post-metadata">

**Author:** ![Fernando\_Matos](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/fernando_matos/32/30641_2.png) [@Fernando\_Matos](https://community.thunkable.com/u/Fernando_Matos)\
**Post date:** [September 28, 2019, 1:30pm UTC](https://community.thunkable.com/t/how-to-add-image-in-map-mark-description/243357/7 "2019-09-28T13:30:56Z")

</div>

please help

---

<div class="post-metadata">

**Author:** ![jane](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jane/32/27575_2.png) [@jane](https://community.thunkable.com/u/jane)\
**Post date:** [September 30, 2019, 1:06pm UTC](https://community.thunkable.com/t/how-to-add-image-in-map-mark-description/243357/8 "2019-09-30T13:06:39Z")

</div>

Here is a [tutorial](http://community.thunkable.com/t/airtable-map-show-image-when-marker-pressed/251154) where I explain how to work with an Airtable spreadsheet to display images in your app when a marker is pressed.

> [@Airtable Map (show image when Marker pressed)](http://community.thunkable.com/t/airtable-map-show-image-when-marker-pressed/251154):
>
> Note: this tutorial has been updated to reflect the change to the ‘on Marker Click’ event block of June 2020. This tutorial will show you: How to display markers in your app based on Airtable spreadsheet data How to display images from an Airtable spreadsheet in your app when a marker is pressed The technique used in part 2 of the tutorial can of course be used to retrieve all kinds of data from a spreadsheet based on the marker pressed, but images are a popular request. Setup Create an Ai…

---

<div class="post-metadata">

**Author:** ![bymaho](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bymaho/32/56102_2.png) [@bymaho](https://community.thunkable.com/u/bymaho)\
**Post date:** [November 16, 2019, 2:18pm UTC](https://community.thunkable.com/t/how-to-add-image-in-map-mark-description/243357/9 "2019-11-16T14:18:52Z")

</div>

Hello;  
What I need is to bring a picture in description bubble (on map). At least different color of marker (not only red). Is it possible? Or does someone willing to do this?

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [November 16, 2019, 2:24pm UTC](https://community.thunkable.com/t/how-to-add-image-in-map-mark-description/243357/10 "2019-11-16T14:24:26Z")

</div>

Hello,

It is theoretically possible to create an Image component on top of a map component, but this will work for a static map that does not scroll and does not scale

---

<div class="post-metadata">

**Author:** ![bymaho](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bymaho/32/56102_2.png) [@bymaho](https://community.thunkable.com/u/bymaho)\
**Post date:** [November 16, 2019, 3:13pm UTC](https://community.thunkable.com/t/how-to-add-image-in-map-mark-description/243357/11 "2019-11-16T15:13:13Z")

</div>

Thanks. What about the color of markers or change the icon of markers?

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [November 16, 2019, 5:18pm UTC](https://community.thunkable.com/t/how-to-add-image-in-map-mark-description/243357/12 "2019-11-16T17:18:18Z")

</div>

Some time ago, I and other users made a request that was related to the expansion of the Map component functionality. Unfortunately, I can’t say anything more about this.

---

<div class="post-metadata">

**Author:** ![bymaho](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bymaho/32/56102_2.png) [@bymaho](https://community.thunkable.com/u/bymaho)\
**Post date:** [November 17, 2019, 10:39am UTC](https://community.thunkable.com/t/how-to-add-image-in-map-mark-description/243357/13 "2019-11-17T10:39:47Z")

</div>

If they didnt even listen you, they will not listen me too. But there must be something that we can make hear our voices. We cannot demand to change everything with a flick. Nobody has that much time. But something important for whole community we can come out with a survey or pool. (if its possible to do) what do you think?

---

<div class="post-metadata">

**Author:** ![jane](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jane/32/27575_2.png) [@jane](https://community.thunkable.com/u/jane)\
**Post date:** [November 19, 2019, 3:31pm UTC](https://community.thunkable.com/t/how-to-add-image-in-map-mark-description/243357/14 "2019-11-19T15:31:05Z")

</div>

You can request features using the [dedicated public GitHub repository.](https://github.com/thunkable/thunkable-issues/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+map)

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 11:46am UTC](https://community.thunkable.com/t/how-to-add-image-in-map-mark-description/243357/15 "2024-11-08T11:46:38Z")

</div>


