How to display a Leaflet Map on a Custom field or a Custom Issue Panel with Custom UI?

Forge Forge UI Kit and Custom UI
1

Hello, there’s a way to display a leaflet map on a IssuePanel or better on a custom field?
I’ve tried with a Custom UI issue panel with @forge/bridge and https://react-leaflet.js.org but i have
no images on map and this error:

Refused to load the image ‘https://b.tile.openstreetmap.org/13/4093/2724.png’ because it violates the following Content Security Policy directive: “img-src ‘self’ data: blob: https://secure.gravatar.com https://avatar-management--avatars.us-west-2.prod.public.atl-paas.net https://api.atlassian.com”.

2

You need to declare all applicable Content permissions and External permissions in the Forge app manifest (initial support for this had by chance been introduced a few days before your question, see Introducing content security and egress controls).

  • Please be aware of the Valid domain formats, which may be tricky for this particular use case (e.g. the “wildcard domain starting with *” only works for the next level sub-domain, so you might ultimately need to resort to the “generic wildcard to support every domain” if you do not know all possible tile servers upfront.