search

kayeezsmile / NASASpaceApp

0 stars 1 forks source link

Planet Image React Component #10

Closed wfckl789 closed 11 months ago

wfckl789 commented 11 months ago

index.html:

<!DOCTYPE html>

index.js:

import React from 'react'; import ReactDOM from 'react-dom/client'; import Aladin from "./PlanetDraw";

const root = ReactDOM.createRoot(document.getElementById('root'));

root.render(

);

Aladin.js:

import React from "react";

const Aladin = () => {

React.useEffect(() => {
    let aladin = A.aladin('#aladin-lite-div', { survey: 'P/DSS2/color', fov:0.035, target: 'M81' })
    aladin.setFov(1)
}, [])

return (
    <div id='aladin-lite-div' style={{ width: '400px', height: '400px' }} />
)

}

export default Aladin