Why no image is shown in description after click on marker?

Hello,

I would like to insert an image in a marker description. But there’s only a square placeholder shown:

And if I open the image URL in a browser (https://www.entoloma.de/images/umap/2025-09-25-Rhodocybe-caelata-640px.jpg) window the image is shown.

Does anyone know what I’ve made wrong?

Thanks in advance

I was able to reproduce this by setting up a uMap myself and trying to link to your image.

Looking at the Console in Developer Tools I see this message:

The resource at “https://www.entoloma.de/images/umap/2025-09-25-Rhodocybe-caelata-640px.jpg” was blocked due to its Cross-Origin-Resource-Policy header (or lack thereof). See https://developer.mozilla.org/docs/Web/HTTP/Cross-Origin_Resource_Policy_(CORP)#

In summary, the site you are linking to allows this image to be viewed directly in a browser, but restricts access via direct linking from within other websites.

The next step probably depends on whether you control that website or not.

1 Like

Thank you so much!

I’ve added this to my .htaccess:

# Allow hotlinking for uMaps
<FilesMatch "\.(jpg|jpeg|png|gif)$">
  Header always set Access-Control-Allow-Origin "https://umap.openstreetmap.de"
</FilesMatch>

And changed this from same-origin to:

Header always set Cross-Origin-Resource-Policy "cross-origin"
2 Likes