Skip to main content

Problem with embeding the SentinelHub map on website

  • April 26, 2024
  • 1 reply
  • 112 views

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?

1 reply

Hi,

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.