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
Any chance you are using Google Chrome? Have you tried another browser?
Yes, I use Chrome, but I have tried both Firefox and Edge and the problem is the same
That’s weird. Can you try clearing your browser’s cookies/cache and let us know if that works?
I have the same problem, please help. I also tried an existing Template (Glide • Delivery Template – Manage deliveries and drivers). Not working.
Same issue
Ever got resolved?
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.
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
Are you using addresses or coordinates?
As a general rule, you will get much better results using coordinates. Two screenshots would be useful:
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.
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.
So what is the value in this column? 
Unless that’s an address or a set of coordinates, you won’t see anything on the map.
That is the address lookup of the location selected by the user…but normal address format not coordinates.
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.
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
Can you send me an invitation link in the messages and tell me how to navigate to that screen?
I got access to his app. There’s a CSS snippet that disables the map.
.aspect-container > div > div > div:last-child {
display: none;
}
I’m not sure what it does, but removing it makes the map visible again.
@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?
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…
“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)”
Ok I see what you’re trying to do.
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.
