Problem with embeding the SentinelHub map on website

Forum|Forum|1 year ago
April 17, 2024
2 replies
0 views

SentinelHub User
Known Participant

Hi there, I am having problems with embedding the SentinelHub map to my website.

Using the following code:

<iframe width="100%" height="500px" frameborder="0" src="https://apps.sentinel-hub.com/eo-browser/?id=MASKED_ID&language=en-US&preset=AGRICULTURE&layers=AGRICULTURE,GEOLOGY,MOISTURE_INDEX&maxcc=20&gain=1.0&gamma=1.0&time=2023-01-01%2000%3A00%3A00%2F2023-03-31%2023%3A59%3A59&bbox=15.4871826171875%2C43.2301101555833%2C19.73388671875%2C46.8280327445808&preview=&datasource=Sentinel-2%20L1C"></iframe>

And I got the following error message on JS console log:
"Rfused to frame ‘https://services.sentinel-hub.com/’ because an ancestor violates the following Content Security Policy directive: "frame-ancestors https://apps.sentinel-hub.com/"."

Any ideas?

S

Sinergise Team
Known Participant
Forum|Forum|1 year ago
April 17, 2024

Hi @vedran ,

You could embed Sentinel Hub using WMTS or other OGC services we provided.

You could also deploy “your own version of EO Browser” (which takes more effort), but we don’t allow embedding our EO Browser via iframe on other websites.