+2
Completed

Embed API

JareelSkaj 5 years ago updated by Deborah Baines 2 years ago 5

ESA Sky could really use an option to embed the map into a website. Preferably just generating iFrame to the current view with some options (similar to the Google Maps) as it's by far most user-friendly version.

Examples:

Dear Jareel,

We have advanced considerably on the ESASky API and we have the documentation available here:

https://www.cosmos.esa.int/web/esdc/esasky-javascript-api

As you requested, it is possible to hide certain elements of the UI. Do let us know your opinion on the API and any improvements you may have!

Many thanks and regards,

Deborah

+1

Sample file


Dear Jareel,

first of all I have to thank you since your request has been taken as a very interesting challenge by the team. Therefore, 

sorry if I did not reply on this request yet, but we have been working on it until now. 

Since we had already implemented a Javascript ESASky API for our Jupyter notebook/lab widget (https://github.com/esdc-esac-esa-int/pyesasky) we though that your request was something feasible in a short time. We just though that we had to expose our already implemented API methods through an IFRAME. The problem we had to face with was the CORS problem.


Well, at the end we got it and you can check the result by yourself by opening the following link:

http://sky.esa.int/esasky-tap/iframetest.html

Feel free to play with it and please tell us if it is what you were expecting. 

Just in case, attached you can find the original HTML file should you want to open it locally.

Please notice that this is only a concept and it might have some bug or problems with some browsers (I have tested it with Firefox and Chrome). In the near future, we will make the documentation available online describing how to embed ESASky in a web page with all the details about the features exposed.


I hope you will find this sample useful.


Thank you for your idea! We have got now a new way to make possible the communication between other projects and ESASky.


Cheers,

Fabrizio

Wow, nice, that's, really good! Impressive just how fast you've built it! Well done!


What I'm missing the most though is an option to specify view mode and hide certain elements of the UI, such as the initial choose-mode popup, top notification ("We are conducting a short survey in an effort to ensure"...) or the the very top menu.


If you'll compare regular google maps to the iframe - you'll see that it lacks several pieces of the UI.

This allows it to be used comfortably in a small iframes and centres user's attention on the content itself, and not the surrounding navigation.


But honestly - amazing work for such a short amount of time, love that you've even made it support JS events, truly well done, bravo!