# Enhanced map with text and icons - now: including template

**URL:** https://community.glideapps.com/t/enhanced-map-with-text-and-icons-now-including-template/29951
**Category:** Project Showcase
**Created:** [August 3, 2021, 7:45pm UTC](https://community.glideapps.com/t/enhanced-map-with-text-and-icons-now-including-template/29951 "2021-08-03T19:45:02Z")
**Posts on this page:** 12
**Page:** 1

<div class="post-metadata">

### Author: ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)
#### Post date: [August 3, 2021, 7:45pm UTC](https://community.glideapps.com/t/enhanced-map-with-text-and-icons-now-including-template/29951/1 "2021-08-03T19:45:02Z")

</div>

url: [https://mapandlist.glideapp.io/](https://mapandlist.glideapp.io/)

Been doing some testing on an enhanced map. This is just a workaround until we get native enhanced map with text and icons.  
@mark could be cool to have a bit more functionality on the maps where we could get something like an inline list in the same view as the map - along with text and icons for the different places.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/d/4dd2f9b01f945e072ec3b79631f144cf03e6b1cd.png)

The app uses the mapbox api - just like map component in Glide - but with more places on the same map.

Let me know if it makes sense.

---

<div class="post-metadata">

### Author: ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)
#### Post date: [August 4, 2021, 12:37pm UTC](https://community.glideapps.com/t/enhanced-map-with-text-and-icons-now-including-template/29951/2 "2021-08-04T12:37:03Z")

</div>

Interesting @Krivo well done 🔥

---

<div class="post-metadata">

### Author: ![Boomer\_Rose](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/boomer_rose/32/29375_2.png) [@Boomer\_Rose](https://community.glideapps.com/u/Boomer_Rose)
#### Post date: [August 5, 2021, 7:55pm UTC](https://community.glideapps.com/t/enhanced-map-with-text-and-icons-now-including-template/29951/3 "2021-08-05T19:55:57Z")

</div>

Love this! Can’t wait to play around with this feature!

---

<div class="post-metadata">

### Author: ![Boomer\_Rose](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/boomer_rose/32/29375_2.png) [@Boomer\_Rose](https://community.glideapps.com/u/Boomer_Rose)
#### Post date: [August 5, 2021, 8:23pm UTC](https://community.glideapps.com/t/enhanced-map-with-text-and-icons-now-including-template/29951/4 "2021-08-05T20:23:09Z")

</div>

@krivo which type of api from mapbox did you use? are you willing to discuss this further?

Boomer

---

<div class="post-metadata">

### Author: ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)
#### Post date: [August 5, 2021, 9:07pm UTC](https://community.glideapps.com/t/enhanced-map-with-text-and-icons-now-including-template/29951/5 "2021-08-05T21:07:50Z")

</div>

@Boomer_Rose Take a look inside the app

## Template of app to study

I have made a template of the app:  
[https://mapandlisttemplate.glideapp.io/](https://mapandlisttemplate.glideapp.io/)

**Cloudinary account needed**  
If you haven’t got a Cloudinary account yet the please consider signing up by an invitation link. This will give some extra credits for me and allow for more free transformations, file storage etc. Mine is: [https://cloudinary.com/invites/lpov9zyyucivvxsnalc5/ufjxv2xds2yignimyvnu](https://cloudinary.com/invites/lpov9zyyucivvxsnalc5/ufjxv2xds2yignimyvnu)

But you could also ask some of the other Cloudinary gurus of the community for their invitation link

**What to change in the app to make it work**

I do have links to three images in my cloudinary account (krivo) - please use images from you own cloudinary account

Please change the colomn: _The map_ in glide table _selector_

> [https://api.mapbox.com/styles/v1/XXXXXX/YYYYYY/static/MA1,MA2,MA3,MA4,MA5,MA6,MA7,MA8,MALAST/CENTERTOMAP,ZOOM,0,0/375x300@2x?access\_token=your\_mapbox\_token](https://api.mapbox.com/styles/v1/XXXXXX/YYYYYY/static/MA1,MA2,MA3,MA4,MA5,MA6,MA7,MA8,MALAST/CENTERTOMAP,ZOOM,0,0/375x300@2x?access_token=your_mapbox_token)

The link is like this  
XXXXX ~ mapbox account  
YYYYY ~ more mapbox account info  
your\_cloudinary\_account ~ well, your cloudinary account  
your\_mapbox\_token ~ your mapbox token

The full link is:

> [https://api.mapbox.com/styles/v1/XXXXXX/YYYYYYYY/static/url-https%3A%2F%2Fres.cloudinary.com%2Fyour\_cloudinary\_account%2Fimage%2Fupload%2Fl\_text:arial\_30:Joes](https://api.mapbox.com/styles/v1/XXXXXX/YYYYYYYY/static/url-https%3A%2F%2Fres.cloudinary.com%2Fyour_cloudinary_account%2Fimage%2Fupload%2Fl_text:arial_30:Joes) wood,co\_rgb:FF0000,%2Ffl\_layer\_apply,g\_west,so\_2.0,x\_70%2Fv1627762793%2FMapandlist%2FNordic\_70x70.png(12.51714,55.72994),url-https%3A%2F%[2Fres.cloudinary.com](http://2Fres.cloudinary.com)%2Fyour\_cloudinary\_account%2Fimage%2Fupload%2Fl\_text:arial\_30:Mama Rosa,co\_rgb:FF0000,%2Ffl\_layer\_apply,g\_west,so\_2.0,x\_70%2Fco\_blue,e\_outline%2Fv1627762379%2FMapandlist%2Fflag-italy\_70x70.png(12.5144455,55.734298),url-https%3A%2F%[2Fres.cloudinary.com](http://2Fres.cloudinary.com)%2Fyour\_cloudinary\_account%2Fimage%2Fupload%2Fl\_text:arial\_30:Hello food,co\_rgb:FF0000,%2Ffl\_layer\_apply,g\_west,so\_2.0,x\_70%2Fv1627762379%2FMapandlist%2Ffire\_70x70.png(12.5120823,55.735767),url-https%3A%2F%[2Fres.cloudinary.com](http://2Fres.cloudinary.com)%2Fyour\_cloudinary\_account%2Fimage%2Fupload%2Fl\_text:arial\_30:Robertos,co\_rgb:FF0000,%2Ffl\_layer\_apply,g\_west,so\_2.0,x\_70%2Fv1627762379%2FMapandlist%2Fflag-italy\_70x70.png(12.5086473,55.7374478),url-https%3A%2F%[2Fres.cloudinary.com](http://2Fres.cloudinary.com)%2Fyour\_cloudinary\_account%2Fimage%2Fupload%2Fl\_text:arial\_30:The real,co\_rgb:FF0000,%2Ffl\_layer\_apply,g\_west,so\_2.0,x\_70%2Fv1627762379%2FMapandlist%2Ffire\_70x70.png(12.5065061,55.7386424),url-https%3A%2F%[2Fres.cloudinary.com](http://2Fres.cloudinary.com)%2Fyour\_cloudinary\_account%2Fimage%2Fupload%2Fl\_text:arial\_30:Copenhagen,co\_rgb:FF0000,%2Ffl\_layer\_apply,g\_west,so\_2.0,x\_70%2Fv1627762793%2FMapandlist%2FNordic\_70x70.png(12.5237298,55.728993),url-https%3A%2F%[2Fres.cloudinary.com](http://2Fres.cloudinary.com)%2Fyour\_cloudinary\_account%2Fimage%2Fupload%2Fl\_text:arial\_30:The hidden gem,co\_rgb:FF0000,%2Ffl\_layer\_apply,g\_west,so\_2.0,x\_70%2Fv1627762379%2FMapandlist%2Ffire\_70x70.png(12.51736,55.7324872),url-https%3A%2F%[2Fres.cloudinary.com](http://2Fres.cloudinary.com)%2Fyour\_cloudinary\_account%2Fimage%2Fupload%2Fl\_text:arial\_30:Wet dog,co\_rgb:FF0000,%2Ffl\_layer\_apply,g\_west,so\_2.0,x\_70%2Fv1627762793%2FMapandlist%2FNordic\_70x70.png(12.5129946,55.7350791),url-https%3A%2F%[2Fres.cloudinary.com](http://2Fres.cloudinary.com)%2Fyour\_cloudinary\_account%2Fimage%2Fupload%2Fl\_text:arial\_30:Mama Rosa,co\_rgb:FF0000,%2Ffl\_layer\_apply,g\_west,so\_2.0,x\_70%2Fco\_blue,e\_outline%2Fv1627762379%2FMapandlist%2Fflag-italy\_70x70.png(12.5144455,55.734298)/12.5144455,55.734298,13,0,0/375x300@2x?access\_token=your\_mapbox\_token

---

<div class="post-metadata">

### Author: ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)
#### Post date: [August 5, 2021, 9:46pm UTC](https://community.glideapps.com/t/enhanced-map-with-text-and-icons-now-including-template/29951/6 "2021-08-05T21:46:41Z")

</div>

Sorry - includes an experimental could so cannot be copied at the moment. Let me rethink…

---

<div class="post-metadata">

### Author: ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)
#### Post date: [August 6, 2021, 8:47pm UTC](https://community.glideapps.com/t/enhanced-map-with-text-and-icons-now-including-template/29951/7 "2021-08-06T20:47:13Z")

</div>

@Boomer_Rose the template is now copyable as I have taken out the experimental columns. Try to have a look under the hood.

---

<div class="post-metadata">

### Author: ![AyS\_0908](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ays_0908/32/27349_2.png) [@AyS\_0908](https://community.glideapps.com/u/AyS_0908)
#### Post date: [August 23, 2021, 8:43pm UTC](https://community.glideapps.com/t/enhanced-map-with-text-and-icons-now-including-template/29951/8 "2021-08-23T20:43:18Z")

</div>

Hi @Krivo, well done and thank you, it’s fantastic.  
Do you know if it is feasible in Glide to  
1- identify the position of some members of an app?  
2- in a scope of let’s say “30 meters”?

Many thanks

---

<div class="post-metadata">

### Author: ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)
#### Post date: [August 23, 2021, 9:11pm UTC](https://community.glideapps.com/t/enhanced-map-with-text-and-icons-now-including-template/29951/9 "2021-08-23T21:11:20Z")

</div>

@AyS_0908 ha ent thought about that but I think it would work

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [August 23, 2021, 11:29pm UTC](https://community.glideapps.com/t/enhanced-map-with-text-and-icons-now-including-template/29951/10 "2021-08-23T23:29:02Z")

</div>

Do you mean you should see all people who are at a specific moment 30 meters from you? I think Glide’s distance calculator only works with a device to fixed address setup, not a device to device setup.

---

<div class="post-metadata">

### Author: ![AyS\_0908](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ays_0908/32/27349_2.png) [@AyS\_0908](https://community.glideapps.com/u/AyS_0908)
#### Post date: [August 24, 2021, 5:23am UTC](https://community.glideapps.com/t/enhanced-map-with-text-and-icons-now-including-template/29951/11 "2021-08-24T05:23:42Z")

</div>

Yes, this is what I was thinking about (see members 30 m around me at a given moment).  
But, while it’s first time I look into the “geographic” features of Glide, my very firsts understanding is as yours (fixed address setup)

---

<div class="post-metadata">

### Author: ![Boomer\_Rose](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/boomer_rose/32/29375_2.png) [@Boomer\_Rose](https://community.glideapps.com/u/Boomer_Rose)
#### Post date: [September 6, 2021, 6:11pm UTC](https://community.glideapps.com/t/enhanced-map-with-text-and-icons-now-including-template/29951/12 "2021-09-06T18:11:56Z")

</div>

Thank you! I have been traveling and look forward to checking this out next week!

Boomer
