OSDK React app — map tiles blocked by CSP img-src, grey map in deployed app

Ask the Community
1

Hi all — OSDK React app with a Leaflet map. Object markers render fine (OSDK data works), but the map background is grey. Console shows CSP violations blocking tile and marker icon requests to:

  • https://*.tile.openstreetmap.org

  • https://server.arcgisonline.com

  • https://raw.githubusercontent.com

  • https://cdnjs.cloudflare.com

Works locally; only fails in the deployed Foundry app.

Questions:

  1. How do I update img-src for a deployed OSDK app — repo config or support ticket?

  2. Is there a Foundry-native tile proxy or recommended pattern instead of allowlisting external tile CDNs?

Thanks!

2

Hey jung66,

For a deployed application it is possible to change CSP from the Developer Console Application: go to your app in Developer Console → Website hosting → Advanced, where you should see the CSP editing interface.
If you mean the preview in Code Workspaces, its in Settings → Preferences → at the bottom there is CSP.

Let me know if this helps,
With kindest regards