# Map does not show

**URL:** <https://community.glideapps.com/t/map-does-not-show/58983>\
**Category:** Ask for Help\
**Created:** [March 10, 2023, 10:18am UTC](https://community.glideapps.com/t/map-does-not-show/58983 "2023-03-10T10:18:06Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![kenlyn](https://avatars.discourse-cdn.com/v4/letter/k/df788c/32.png) [@kenlyn](https://community.glideapps.com/u/kenlyn)\
**Post date:** [March 10, 2023, 10:18am UTC](https://community.glideapps.com/t/map-does-not-show/58983/1 "2023-03-10T10:18:06Z")

</div>

Hi, i’m new to Glideapps. I’m trying to use the map component, but the map doesn’t show at all. Only an empty gray box.

Looking at errors in the browserconsole i find this message related to maps: DevTools failed to load source map: Could not load content … Statuskode 403, net::ERR\_HTTP\_RESPONSE\_CODE\_FAILURE

I have no idea what it means or if its related. I would be gratefull for any help

---

<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:** [March 10, 2023, 2:02pm UTC](https://community.glideapps.com/t/map-does-not-show/58983/2 "2023-03-10T14:02:16Z")

</div>

Any chance you are using Google Chrome? Have you tried another browser?

---

<div class="post-metadata">

**Author:** ![kenlyn](https://avatars.discourse-cdn.com/v4/letter/k/df788c/32.png) [@kenlyn](https://community.glideapps.com/u/kenlyn)\
**Post date:** [March 10, 2023, 3:11pm UTC](https://community.glideapps.com/t/map-does-not-show/58983/3 "2023-03-10T15:11:17Z")

</div>

Yes, I use Chrome, but I have tried both Firefox and Edge and the problem is the same

---

<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:** [March 10, 2023, 11:55pm UTC](https://community.glideapps.com/t/map-does-not-show/58983/4 "2023-03-10T23:55:01Z")

</div>

That’s weird. Can you try clearing your browser’s cookies/cache and let us know if that works?

---

<div class="post-metadata">

**Author:** ![Rasmus\_Hagen\_Moller](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rasmus_hagen_moller/32/55972_2.png) [@Rasmus\_Hagen\_Moller](https://community.glideapps.com/u/Rasmus_Hagen_Moller)\
**Post date:** [March 21, 2023, 6:17am UTC](https://community.glideapps.com/t/map-does-not-show/58983/5 "2023-03-21T06:17:59Z")

</div>

I have the same problem, please help. I also tried an existing Template ([Glide • Delivery Template – Manage deliveries and drivers](https://www.glideapps.com/templates/delivery-te)). Not working.

---

<div class="post-metadata">

**Author:** ![Keith\_Chikumbirike](https://avatars.discourse-cdn.com/v4/letter/k/5daacb/32.png) [@Keith\_Chikumbirike](https://community.glideapps.com/u/Keith_Chikumbirike)\
**Post date:** [January 3, 2025, 9:37pm UTC](https://community.glideapps.com/t/map-does-not-show/58983/6 "2025-01-03T21:37:55Z")

</div>

Same issue  
Ever got resolved?

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [January 3, 2025, 9:40pm UTC](https://community.glideapps.com/t/map-does-not-show/58983/7 "2025-01-03T21:40:20Z")

</div>

This thread is two years old. Might need specifics about your problem because the map has been working fine for people for the past couple of years.

---

<div class="post-metadata">

**Author:** ![Keith\_Chikumbirike](https://avatars.discourse-cdn.com/v4/letter/k/5daacb/32.png) [@Keith\_Chikumbirike](https://community.glideapps.com/u/Keith_Chikumbirike)\
**Post date:** [January 17, 2025, 8:52am UTC](https://community.glideapps.com/t/map-does-not-show/58983/8 "2025-01-17T08:52:37Z")

</div>

I have a map component whose source is from a relation and pulls the address from a look up. the map component is however blank

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [January 17, 2025, 9:00am UTC](https://community.glideapps.com/t/map-does-not-show/58983/9 "2025-01-17T09:00:11Z")

</div>

Are you using addresses or coordinates?  
As a general rule, you will get much better results using coordinates. Two screenshots would be useful:

- one that shows your source data
- one that shows how the map component is configured

---

<div class="post-metadata">

**Author:** ![Keith\_Chikumbirike](https://avatars.discourse-cdn.com/v4/letter/k/5daacb/32.png) [@Keith\_Chikumbirike](https://community.glideapps.com/u/Keith_Chikumbirike)\
**Post date:** [January 17, 2025, 9:39am UTC](https://community.glideapps.com/t/map-does-not-show/58983/10 "2025-01-17T09:39:03Z")

</div>

Ok thanks, so in that case let me set up a google Maps API

MEANWHILE…

here are some screenshots…

 ![Screenshot (214)](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/b/8b4441b9dfede63e7e3e409c429fca5e19794de1.png)  
 ![Screenshot (215)](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/e/de1621dd2ea5e99a30391604145c67c3b182b44b.png)  
 ![Screenshot (216)](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/0/c07ea5a19ea11b5292c83ca570c5a5cb6e9272e1.png)

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [January 17, 2025, 9:41am UTC](https://community.glideapps.com/t/map-does-not-show/58983/11 "2025-01-17T09:41:12Z")

</div>

The configuration on your map component looks incorrect. You appear to be targeting the user profile row and using the users current location as the address. That will only ever show a single point on the map.

---

<div class="post-metadata">

**Author:** ![Keith\_Chikumbirike](https://avatars.discourse-cdn.com/v4/letter/k/5daacb/32.png) [@Keith\_Chikumbirike](https://community.glideapps.com/u/Keith_Chikumbirike)\
**Post date:** [January 17, 2025, 9:46am UTC](https://community.glideapps.com/t/map-does-not-show/58983/12 "2025-01-17T09:46:14Z")

</div>

The user selects a location to view, this action sets location row ID as a column value to their user row and through a relation the address is looked up.

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [January 17, 2025, 9:49am UTC](https://community.glideapps.com/t/map-does-not-show/58983/13 "2025-01-17T09:49:15Z")

</div>

So what is the value in this column? 👇

 ![CleanShot 2025-01-17 at 17.47.57@2x](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/4/d41f79a0dae3a36b45ece84a99fb114e7318f679.png)

Unless that’s an address or a set of coordinates, you won’t see anything on the map.

---

<div class="post-metadata">

**Author:** ![Keith\_Chikumbirike](https://avatars.discourse-cdn.com/v4/letter/k/5daacb/32.png) [@Keith\_Chikumbirike](https://community.glideapps.com/u/Keith_Chikumbirike)\
**Post date:** [January 17, 2025, 10:10am UTC](https://community.glideapps.com/t/map-does-not-show/58983/14 "2025-01-17T10:10:15Z")

</div>

That is the address lookup of the location selected by the user…but normal address format not coordinates.

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [January 17, 2025, 3:23pm UTC](https://community.glideapps.com/t/map-does-not-show/58983/15 "2025-01-17T15:23:16Z")

</div>

Just to clarify, the issue is that the map component is not showing at all, and not an issue with missing pins, correct?

Seems like a deeper issue, but just to rule it out, do you have any filters or visibility conditions on the map component or on the screen? Are you previewing the app as a specific user or as Anyone?

The only way I could maybe reproduce the issue is by previewing as Anyone so there was no accessible user profile rows to use as the source for the map component. But the odd thing is that you still have a component taking up space as if it was there.

Only other thought is that there is something with your computer or browser. Have you tried clearing browser cache? Have you tried other devices or browsers? Have you tried the published version of your app? Or maybe something is blocking access to mapbox, which would probably be noticed as an error in the browser console window.

---

<div class="post-metadata">

**Author:** ![Keith\_Chikumbirike](https://avatars.discourse-cdn.com/v4/letter/k/5daacb/32.png) [@Keith\_Chikumbirike](https://community.glideapps.com/u/Keith_Chikumbirike)\
**Post date:** [January 18, 2025, 9:41am UTC](https://community.glideapps.com/t/map-does-not-show/58983/16 "2025-01-18T09:41:09Z")

</div>

Yes the map is not showing at all…  
I have checked again, no filters or visibility conditions

Yes , previewing as a specific user, previewing as anyone wont show results becuse a user selects a specifi location to view, the row id is written to their user specific column and using a looki up the atcual address to pulled back. That address is what the user should view as a way of browsing. Even if i use a non user specific column - same issue

The Location Intergration for the app in use is Radar…

I have tried different laptops peerhaps my cache issues are the same on both machine. il try that

---

<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:** [January 18, 2025, 10:17am UTC](https://community.glideapps.com/t/map-does-not-show/58983/17 "2025-01-18T10:17:37Z")

</div>

Can you send me an invitation link in the messages and tell me how to navigate to that screen?

---

<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:** [January 18, 2025, 11:48pm UTC](https://community.glideapps.com/t/map-does-not-show/58983/18 "2025-01-18T23:48:32Z")

</div>

I got access to his app. There’s a CSS snippet that disables the map.

```auto
.aspect-container > div > div > div:last-child {
  display: none;
}

```

I’m not sure what it does, but removing it makes the map visible again.

 ![CleanShot 2025-01-19 at 06.47.36@2x](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/1/91eeb9c78446afbed2011a60c4c99a82a54e193b.jpeg)

@Keith_Chikumbirike I find the flow a bit confusing though. You’re viewing the location’s details view already, why do you need to use the user profiles lookup for that map?

---

<div class="post-metadata">

**Author:** ![Keith\_Chikumbirike](https://avatars.discourse-cdn.com/v4/letter/k/5daacb/32.png) [@Keith\_Chikumbirike](https://community.glideapps.com/u/Keith_Chikumbirike)\
**Post date:** [January 19, 2025, 7:39pm UTC](https://community.glideapps.com/t/map-does-not-show/58983/19 "2025-01-19T19:39:39Z")

</div>

Thank you so much. 😃  
I’d have never guessed it was the CSS.

I think it was part of the code to make the border shadow for the container (took this one from the CSS library)

**Meanwhile, I had put the address as a lookup in the user profile so as to make computations for filtering according to the users preferences…what would be the best way?**

How ever @Darren_Murphy mentioned that coordinates get better results ans its evidently true as my test location showing is a couple of hundred meters from where it should be positioned…if I add a get coordinates column - this is what im getting…

 ![Screenshot (222)](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/f/2ff434ed71799d4ffee68636d6ef5ac1e1343890.png)

_“no codec found to encode value in union type (((string | number | glideDateTimeCodec | null | boolean | glideJSONCodec) | { [K in string]: (string | number | glideDateTimeCodec | null | boolean | glideJSONCodec) } | { [K in string]: string } | { [K in string]: unknown } | ArrayValueCodec | ReadonlyArray) | UnknownRecord)”_

---

<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:** [January 20, 2025, 1:06am UTC](https://community.glideapps.com/t/map-does-not-show/58983/20 "2025-01-20T01:06:22Z")

</div>

> [@Keith\_Chikumbirike](#):
>
> Meanwhile, I had put the address as a lookup in the user profile so as to make computations for filtering according to the users preferences…what would be the best way?

Ok I see what you’re trying to do.

> [@Keith\_Chikumbirike](#):
>
> “no codec found to encode value in union type (((string | number | glideDateTimeCodec | null | boolean | glideJSONCodec) | { [K in string]: (string | number | glideDateTimeCodec | null | boolean | glideJSONCodec) } | { [K in string]: string } | { [K in string]: unknown } | ArrayValueCodec | ReadonlyArray) | UnknownRecord)”

I’m not sure about this error though, seems like you would have to talk to support about this. It seems that Radar can’t find an address at the value you specified, so it keeps spinning for me, then returning that error.

Maybe it’s just best you lookup the coordinates of those points in Google in advance and store them for this purpose, if there are not too many.
