+2
Started

Embed API

JareelSkaj 1 year ago updated by Deborah Baines 11 months ago 3

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:

+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!