Problem with embeding the SentinelHub map on website

Apps / Services
1

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?

2

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.

3

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.