# Display counter on map

**URL:** <https://forum.adalo.com/t/display-counter-on-map/29842>\
**Category:** Get Help\
**Created:** [July 23, 2022, 10:17am UTC](https://forum.adalo.com/t/display-counter-on-map/29842 "2022-07-23T10:17:15Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![Filli](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/filli/32/19843_2.png) [@Filli](https://forum.adalo.com/u/Filli)\
**Post date:** [July 23, 2022, 10:17am UTC](https://forum.adalo.com/t/display-counter-on-map/29842/1 "2022-07-23T10:17:15Z")

</div>

Hi guys!  
Do you know if it is possible to have something like in the map in Adalo? Add a count of the items in a certain radius? Thank you!

 ![WhatsApp Image 2022-07-23 at 12.16.20](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/d/1/d10924b9b92c3a60fe87196cff8e00bcd40a070a.jpeg)

---

<div class="post-metadata">

**Author:** ![Filli](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/filli/32/19843_2.png) [@Filli](https://forum.adalo.com/u/Filli)\
**Post date:** [July 25, 2022, 8:19am UTC](https://forum.adalo.com/t/display-counter-on-map/29842/2 "2022-07-25T08:19:29Z")

</div>

@Dilon do you know if it is possibile or have any advice about hot to display markers in the exactly same location?

---

<div class="post-metadata">

**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\
**Post date:** [July 25, 2022, 10:05am UTC](https://forum.adalo.com/t/display-counter-on-map/29842/3 "2022-07-25T10:05:48Z")

</div>

Hi @Filli,

I think this question is separate from the main question right?

Where your location stored? Maybe it will be better using the location property and store the locations there and on the map add the longitude and latitude with a comma!

For the main question I think that will be a [feature request](https://adalo.canny.io/) or a custom component.

Thank you

---

<div class="post-metadata">

**Author:** ![Filli](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/filli/32/19843_2.png) [@Filli](https://forum.adalo.com/u/Filli)\
**Post date:** [July 25, 2022, 11:00am UTC](https://forum.adalo.com/t/display-counter-on-map/29842/4 "2022-07-25T11:00:53Z")

</div>

Yes sorry, I have for example the locations of some stores and they can publish different advertising and I show into the map the advertising where the store is positioned. But if a store has different adv into the map how can I display all of them?

---

<div class="post-metadata">

**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\
**Post date:** [July 25, 2022, 12:12pm UTC](https://forum.adalo.com/t/display-counter-on-map/29842/5 "2022-07-25T12:12:55Z")

</div>

How the locations are created? I believe you have a collection for locations and stores and connected them with a relationship. Then you can show a list of stores before the screen where the map has and on the map you can filter it by Current Store \> Locations or you can just put all locations on the map and the all locations will display!

---

<div class="post-metadata">

**Author:** ![Filli](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/filli/32/19843_2.png) [@Filli](https://forum.adalo.com/u/Filli)\
**Post date:** [July 25, 2022, 12:32pm UTC](https://forum.adalo.com/t/display-counter-on-map/29842/6 "2022-07-25T12:32:57Z")

</div>

The location is an item of the collection and is for the store. And I have another collection “adv” linked to the “store”, this collection doesn’t have direct location but hereditate from the store. if a store has 3 adv, they have the same location but into the map I see only one, maybe they overlap

---

<div class="post-metadata">

**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\
**Post date:** [July 25, 2022, 12:36pm UTC](https://forum.adalo.com/t/display-counter-on-map/29842/7 "2022-07-25T12:36:40Z")

</div>

Ah so you have a collection called adv and then you have a location property on the stores collection and then you need to display the stores locations on the map with the count of the the adv of that store?

---

<div class="post-metadata">

**Author:** ![Filli](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/filli/32/19843_2.png) [@Filli](https://forum.adalo.com/u/Filli)\
**Post date:** [July 25, 2022, 12:45pm UTC](https://forum.adalo.com/t/display-counter-on-map/29842/8 "2022-07-25T12:45:01Z")

</div>

Yes for example something like that, now I display the location and when a user click on the marker the list put under the map is update with the relative item. For example in the screenshot I only see 1 marker but there are more than 1 in the same location.

 ![WhatsApp Image 2022-07-25 at 14.43.53](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/6/b/6b3bdd354dab81a7306e6bc2f93998f20c54b938.jpeg)

---

<div class="post-metadata">

**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\
**Post date:** [July 25, 2022, 2:48pm UTC](https://forum.adalo.com/t/display-counter-on-map/29842/9 "2022-07-25T14:48:20Z")

</div>

Something like this?

> **[Map Method.mp4](https://drive.google.com/file/d/1sMeqAO6a9byfoijUncQUV72FWVrH4zBD/view?usp=sharing)**
>
> Google Drive file.

---

<div class="post-metadata">

**Author:** ![Filli](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/filli/32/19843_2.png) [@Filli](https://forum.adalo.com/u/Filli)\
**Post date:** [July 25, 2022, 3:42pm UTC](https://forum.adalo.com/t/display-counter-on-map/29842/10 "2022-07-25T15:42:51Z")

</div>

yes, how can i do something similar?

---

<div class="post-metadata">

**Author:** ![Filli](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/filli/32/19843_2.png) [@Filli](https://forum.adalo.com/u/Filli)\
**Post date:** [July 26, 2022, 8:39am UTC](https://forum.adalo.com/t/display-counter-on-map/29842/11 "2022-07-26T08:39:37Z")

</div>

Sorry if I disturb you @Dilon, do you have something to follow?

---

<div class="post-metadata">

**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\
**Post date:** [July 26, 2022, 8:54am UTC](https://forum.adalo.com/t/display-counter-on-map/29842/12 "2022-07-26T08:54:51Z")

</div>

Sorry for the delay!

Check this out : [How to - Map Method.mp4 - Google Drive](https://drive.google.com/file/d/1YK_FFszGnl5sJD_ydUlRvC_gzcVwLBZR/view?usp=sharing)

Image source : [https://dummyimage.com/](https://dummyimage.com/) ( credit goes to Thinh in Glide Community for finding this : [Images from number-column - #4 by ThinhDinh - Ask for Help from Community - Glide Community](https://community.glideapps.com/t/images-from-number-column/44596/4) )

---

<div class="post-metadata">

**Author:** ![Filli](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/filli/32/19843_2.png) [@Filli](https://forum.adalo.com/u/Filli)\
**Post date:** [July 26, 2022, 8:59am UTC](https://forum.adalo.com/t/display-counter-on-map/29842/13 "2022-07-26T08:59:34Z")

</div>

Wow! Thank you a lot! I will study better the images, it is possible to set different images, for example if I have only 1 record there is a nicer default image.

---

<div class="post-metadata">

**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\
**Post date:** [July 26, 2022, 9:07am UTC](https://forum.adalo.com/t/display-counter-on-map/29842/14 "2022-07-26T09:07:39Z")

</div>

> [@Filli](#):
>
> Wow! Thank you a lot!

Your welcome!

> [@Filli](#):
>
> it is possible to set different images, for example if I have only 1 record there is a nicer default image.

Then I think you would need another collection to store the images for the counts and link that with the store collection with a rel and show that rel’s image.

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/system/32/40401_2.png) [@system](https://forum.adalo.com/u/system)\
**Post date:** [August 5, 2022, 9:08am UTC](https://forum.adalo.com/t/display-counter-on-map/29842/15 "2022-08-05T09:08:19Z")

</div>

Closed on August 5, 2022, 9:08am UTC

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.
