Использование приложения Aladin Lite (не предназначено для React) в приложении React - PullRequest
Новая
       30

Использование приложения Aladin Lite (не предназначено для React) в приложении React

0 голосов
/ 21 апреля 2020

Я хотел бы использовать приложение Aladin Lite в моем приложении React.

При создании сайта без React очень просто встроить приложение в div, выполнив: 

<!-- include Aladin Lite CSS file in the head section of your page -->
<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />

<!-- you can skip the following line if your page already integrates the jQuery library -->
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.1.min.js" charset="utf-8"></script>

<!-- insert this snippet where you want Aladin Lite viewer to appear and after the loading of jQuery -->
<div id="aladin-lite-div" style="width:400px;height:400px;"></div>
<script type="text/javascript" src="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.js" charset="utf-8"></script>
<script type="text/javascript">
    var aladin = A.aladin('#aladin-lite-div', {survey: "P/DSS2/color", fov:60});
</script>

Где у вас есть объект aladin для использования в Javascript.

Как бы я go об использовании этого приложения на своей странице React? Он не был построен для React и использует jquery.

Мне нужно иметь доступ к его подпоркам, чтобы изменить поле обзора неба, которое в Javascript выполняется с помощью: 

aladin.setFov(1)

Это было бы подходящее время для React порталы?

Спасибо.

...