# Active navigation on city guide

**URL:** <https://community.glideapps.com/t/active-navigation-on-city-guide/30811>\
**Category:** Ask for Help\
**Created:** [August 23, 2021, 4:59am UTC](https://community.glideapps.com/t/active-navigation-on-city-guide/30811 "2021-08-23T04:59:31Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![ranvardi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ranvardi/32/30828_2.png) [@ranvardi](https://community.glideapps.com/u/ranvardi)\
**Post date:** [August 23, 2021, 4:59am UTC](https://community.glideapps.com/t/active-navigation-on-city-guide/30811/1 "2021-08-23T04:59:31Z")

</div>

Hi,  
Can I create a map for moble use that will have an active navigation abilities?  
This means that the user will be able to see his location on the map while moving.

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [August 23, 2021, 5:06am UTC](https://community.glideapps.com/t/active-navigation-on-city-guide/30811/2 "2021-08-23T05:06:09Z")

</div>

in Glide you will need a PRO App and a google script

---

<div class="post-metadata">

**Author:** ![ranvardi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ranvardi/32/30828_2.png) [@ranvardi](https://community.glideapps.com/u/ranvardi)\
**Post date:** [August 23, 2021, 5:07am UTC](https://community.glideapps.com/t/active-navigation-on-city-guide/30811/3 "2021-08-23T05:07:20Z")

</div>

OK, and then it could be doen?

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [August 23, 2021, 5:08am UTC](https://community.glideapps.com/t/active-navigation-on-city-guide/30811/4 "2021-08-23T05:08:10Z")

</div>

yes, but it will have up to 5-10 seconds delay

---

<div class="post-metadata">

**Author:** ![ranvardi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ranvardi/32/30828_2.png) [@ranvardi](https://community.glideapps.com/u/ranvardi)\
**Post date:** [August 23, 2021, 5:11am UTC](https://community.glideapps.com/t/active-navigation-on-city-guide/30811/5 "2021-08-23T05:11:59Z")

</div>

OK  
Can I insert audio files at selected points on the map? so when a user gets to a point he plays and hears audio?

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [August 23, 2021, 5:19am UTC](https://community.glideapps.com/t/active-navigation-on-city-guide/30811/6 "2021-08-23T05:19:21Z")

</div>

Glide doesn’t have an auto-start function yet for the audio player… so… you can insert it… but it won’t play without clicking play

---

<div class="post-metadata">

**Author:** ![ranvardi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ranvardi/32/30828_2.png) [@ranvardi](https://community.glideapps.com/u/ranvardi)\
**Post date:** [August 23, 2021, 5:22am UTC](https://community.glideapps.com/t/active-navigation-on-city-guide/30811/7 "2021-08-23T05:22:48Z")

</div>

grate thanks

---

<div class="post-metadata">

**Author:** ![ranvardi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ranvardi/32/30828_2.png) [@ranvardi](https://community.glideapps.com/u/ranvardi)\
**Post date:** [August 23, 2021, 7:33am UTC](https://community.glideapps.com/t/active-navigation-on-city-guide/30811/8 "2021-08-23T07:33:45Z")

</div>

Can I draw a walking route on the map?  
Can I have markmy points on the map in order 1, 2, 3 ?

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [August 23, 2021, 7:37am UTC](https://community.glideapps.com/t/active-navigation-on-city-guide/30811/9 "2021-08-23T07:37:51Z")

</div>

1. no
2. yes

---

<div class="post-metadata">

**Author:** ![ranvardi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ranvardi/32/30828_2.png) [@ranvardi](https://community.glideapps.com/u/ranvardi)\
**Post date:** [August 23, 2021, 7:45am UTC](https://community.glideapps.com/t/active-navigation-on-city-guide/30811/10 "2021-08-23T07:45:11Z")

</div>

OK, How do I mark piont 1 2 3?

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [August 23, 2021, 7:49am UTC](https://community.glideapps.com/t/active-navigation-on-city-guide/30811/11 "2021-08-23T07:49:31Z")

</div>

use a map as a inline component, and have a list of addresses or geolocations

---

<div class="post-metadata">

**Author:** ![ranvardi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ranvardi/32/30828_2.png) [@ranvardi](https://community.glideapps.com/u/ranvardi)\
**Post date:** [August 23, 2021, 7:57am UTC](https://community.glideapps.com/t/active-navigation-on-city-guide/30811/12 "2021-08-23T07:57:58Z")

</div>

But how do I mark the icons on the map 1 2 3 so that the user will now were to begin and were to end?

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [August 23, 2021, 8:02am UTC](https://community.glideapps.com/t/active-navigation-on-city-guide/30811/13 "2021-08-23T08:02:46Z")

</div>

that is not possible… you can put titles of these items as 1…2…3 and it will show in the detail view

---

<div class="post-metadata">

**Author:** ![ranvardi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ranvardi/32/30828_2.png) [@ranvardi](https://community.glideapps.com/u/ranvardi)\
**Post date:** [August 23, 2021, 8:24am UTC](https://community.glideapps.com/t/active-navigation-on-city-guide/30811/14 "2021-08-23T08:24:28Z")

</div>

Can I put a different icon on the first point? so that users will understand were to begin?

---

<div class="post-metadata">

**Author:** ![ranvardi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ranvardi/32/30828_2.png) [@ranvardi](https://community.glideapps.com/u/ranvardi)\
**Post date:** [August 23, 2021, 8:26am UTC](https://community.glideapps.com/t/active-navigation-on-city-guide/30811/15 "2021-08-23T08:26:25Z")

</div>

It is a culinary tour map, I need a rout that users will understand at least were to begin the tour

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [August 23, 2021, 8:41am UTC](https://community.glideapps.com/t/active-navigation-on-city-guide/30811/16 "2021-08-23T08:41:11Z")

</div>

no… Glide is not a host of that image… so only advance CSS can do a trick

---

<div class="post-metadata">

**Author:** ![ranvardi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ranvardi/32/30828_2.png) [@ranvardi](https://community.glideapps.com/u/ranvardi)\
**Post date:** [August 23, 2021, 8:42am UTC](https://community.glideapps.com/t/active-navigation-on-city-guide/30811/17 "2021-08-23T08:42:11Z")

</div>

OK 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, 3:49pm UTC](https://community.glideapps.com/t/active-navigation-on-city-guide/30811/18 "2021-08-23T15:49:05Z")

</div>

@ranvardi you can put icons on a map

Have a look on this post -it might help you.

Instead of the icons I have put in you can put in number icons. And possibly recenter the map each time the user click a number. The template can do that actually.

> [@Enhanced map with text and icons - now: including template](https://community.glideapps.com/t/enhanced-map-with-text-and-icons-now-including-template/29951):
>
> 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. The app uses the mapbox api - just like map component in Glide - but with more places on the same map. Let me know if…

---

<div class="post-metadata">

**Author:** ![ranvardi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ranvardi/32/30828_2.png) [@ranvardi](https://community.glideapps.com/u/ranvardi)\
**Post date:** [August 27, 2021, 11:42am UTC](https://community.glideapps.com/t/active-navigation-on-city-guide/30811/19 "2021-08-27T11:42:24Z")

</div>

Looks grate @Krivo but I didnt understand how can I take my map on Glide to this options?

---

<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 27, 2021, 11:47am UTC](https://community.glideapps.com/t/active-navigation-on-city-guide/30811/20 "2021-08-27T11:47:28Z")

</div>

The map is not interactive. As you can see the interaction is done by use of buttons. Don’t know whether that will work for you.

Further you need an api key for mapbox to use the static map.
