# Map Live/Real-Time Location Tracking

**URL:** <https://forum.bubble.io/t/map-live-real-time-location-tracking/365945>\
**Category:** Need help\
**Created:** [April 7, 2025, 5:04pm UTC](https://forum.bubble.io/t/map-live-real-time-location-tracking/365945 "2025-04-07T17:04:22Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![knocode](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/knocode/32/226704_2.png) [@knocode](https://forum.bubble.io/u/knocode)\
**Post date:** [April 7, 2025, 5:04pm UTC](https://forum.bubble.io/t/map-live-real-time-location-tracking/365945/1 "2025-04-07T17:04:22Z")

</div>

Hello.

I’m building an on-demand fuel delivery app. Think UberEats/DoorDash but for gas. Customers create a Fuel Order, a Fueler claims the order and delivers the gas.

Like Uber/UberEats, we have a map feature that is meant to show the Customer the current location of the Fueler in live time, and that shows the Fueler live locations/directions to the Fuel Order’s service address.

The current implementation is basic. On the Fueler’s end, every 15 seconds, their “current\_location” is updated in the database. In the Fuel Order, we use Google Maps Extended to show the direction line from the Fueler’s current\_location to the Fuel Order’s service\_location.

The problem is that despite updating the Fueler’s address this way, their location on the map itself does not update unless the page is refreshed, which isn’t ideal for user experience.

 ![Screenshot 2025-04-07 130046](https://us1.discourse-cdn.com/bubble/original/3X/8/6/868ee0f9255817bc817e8158264ac946ace8c46d.jpeg)

So, I’m wondering what are the simplest, streamlined and scalable ways to get this Uber/Uber Eats location tracking feature in a Bubble app? It doesn’t have to specifically be Google Maps Extended plugin, but if you have suggestions to make that work, I’d like to hear that too.

Thank you

---

<div class="post-metadata">

**Author:** ![suportesoftal](https://avatars.discourse-cdn.com/v4/letter/s/f1d935/32.png) [@suportesoftal](https://forum.bubble.io/u/suportesoftal)\
**Post date:** [April 7, 2025, 5:41pm UTC](https://forum.bubble.io/t/map-live-real-time-location-tracking/365945/2 "2025-04-07T17:41:34Z")

</div>

How are you storing the delivery person’s location data?  
Websocket using supabase realtime or other external backend would be more flexible.  
If you are using a tracker for this, you will have more possibilities.

---

<div class="post-metadata">

**Author:** ![knocode](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/knocode/32/226704_2.png) [@knocode](https://forum.bubble.io/u/knocode)\
**Post date:** [April 7, 2025, 8:56pm UTC](https://forum.bubble.io/t/map-live-real-time-location-tracking/365945/3 "2025-04-07T20:56:02Z")

</div>

Hello and thanks for replying.

At the moment, I’m doing the impractical use of saving the Fueler’s current geographical location every few seconds, but I know this is a terrible implementation.

I found a platform called Ably that sounds like the supabase thing you’re talking about. I’m trying to understand more about that method.

Have you implemented this before?

---

<div class="post-metadata">

**Author:** ![suportesoftal](https://avatars.discourse-cdn.com/v4/letter/s/f1d935/32.png) [@suportesoftal](https://forum.bubble.io/u/suportesoftal)\
**Post date:** [April 7, 2025, 9:04pm UTC](https://forum.bubble.io/t/map-live-real-time-location-tracking/365945/4 "2025-04-07T21:04:22Z")

</div>

Yes, I actually work with tracking.

---

<div class="post-metadata">

**Author:** ![NoCodePhill](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/nocodephill/32/231606_2.png) [@NoCodePhill](https://forum.bubble.io/u/NoCodePhill)\
**Post date:** [April 7, 2025, 9:47pm UTC](https://forum.bubble.io/t/map-live-real-time-location-tracking/365945/5 "2025-04-07T21:47:37Z")

</div>

Sounds like the markers on the map need updating every X seconds such that they correspond to the newer location. So every X seconds you would clear/remove the present marker then add another marker based on Fuelers current location.

---

<div class="post-metadata">

**Author:** ![knocode](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/knocode/32/226704_2.png) [@knocode](https://forum.bubble.io/u/knocode)\
**Post date:** [April 7, 2025, 10:36pm UTC](https://forum.bubble.io/t/map-live-real-time-location-tracking/365945/6 "2025-04-07T22:36:16Z")

</div>

Nice! Do you have any videos showing how you’ve done it. Whenever I look up this sorta thing, it’s mostly steps for connecting Google Map API and how to show the directions line in Google Maps Extended, but they never seem to go into live location tracking/updates.

Or do you have any written steps for how you implement it?

---

<div class="post-metadata">

**Author:** ![suportesoftal](https://avatars.discourse-cdn.com/v4/letter/s/f1d935/32.png) [@suportesoftal](https://forum.bubble.io/u/suportesoftal)\
**Post date:** [April 7, 2025, 10:43pm UTC](https://forum.bubble.io/t/map-live-real-time-location-tracking/365945/7 "2025-04-07T22:43:21Z")

</div>

> [@knocode](#):
>
> Ou você tem algum passo a passo escrito sobre como implementá-lo?

See if this helps you: [https://www.youtube.com/watch?v=OQBIND39zeo](https://www.youtube.com/watch?v=OQBIND39zeo)

---

<div class="post-metadata">

**Author:** ![knocode](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/knocode/32/226704_2.png) [@knocode](https://forum.bubble.io/u/knocode)\
**Post date:** [April 8, 2025, 4:42am UTC](https://forum.bubble.io/t/map-live-real-time-location-tracking/365945/8 "2025-04-08T04:42:23Z")

</div>

Hello. Thanks for sending that. I’ve actually watched this before, but it didn’t seem to touch on the live map updating things that I’m talking about.

Ya know, like how UberEats or DoorDash does it.

But I’ll give it another watch. Maybe it does touch on that and I’ve missed it. A lot of these videos mostly touch on adding the map and showing markers, but not on live map updates and stuff. I’ve watched a few of them.

In the meantime, I’d love to know how you did your specific implementation, if you don’t mind.

Thanks

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/bubble/original/3X/2/8/2847faa74692c2ffa5d939d3dc3724cdd060d247.png) [@system](https://forum.bubble.io/u/system)\
**Post date:** [June 16, 2025, 5:04pm UTC](https://forum.bubble.io/t/map-live-real-time-location-tracking/365945/9 "2025-06-16T17:04:45Z")

</div>

Closed on June 16, 2025, 5:04pm UTC

This topic was automatically closed after 70 days. New replies are no longer allowed.
