AK_CCM
(Andreas Kunze)
November 3, 2025, 7:57pm
1
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
alan_gr
(Alan)
November 3, 2025, 8:18pm
2
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
AK_CCM
(Andreas Kunze)
November 3, 2025, 9:12pm
3
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