mirror of
https://github.com/cds-astro/aladin-lite.git
synced 2026-01-06 18:14:43 -08:00
48 lines
1.4 KiB
HTML
48 lines
1.4 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
|
|
<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
|
|
<link rel="stylesheet" href="https://unpkg.com/discovery-tree@1.0.10/dist/discovery-tree.css" />
|
|
<link rel="stylesheet" href="./layers.css" />
|
|
</head>
|
|
<body>
|
|
|
|
<script src="https://code.jquery.com/jquery-1.10.1.min.js"></script>
|
|
<script src="https://unpkg.com/vue"></script>
|
|
<script src="https://unpkg.com/discovery-tree@1.0.10/dist/discovery-tree.umd.min.js"></script>
|
|
|
|
<style>
|
|
/* Place the components */
|
|
#discovery-tree {
|
|
position: absolute;
|
|
top: 106px;
|
|
left: 4px;
|
|
z-index: 20;
|
|
}
|
|
</style>
|
|
|
|
<div id="aladin-lite-div" style="width: 1024px; height: 768px">
|
|
<div id="ui" class="ui">
|
|
<!--<discovery-tree id="discovery-tree" :fov="getFovCorners()" :center="getCenter()"></discovery-tree>-->
|
|
<layers id="layers"></layers>
|
|
</div>
|
|
</div>
|
|
|
|
<div id='aladin-statsDiv'></div>
|
|
<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
|
|
|
|
<script type="text/javascript">
|
|
let aladin;
|
|
A.init.then(() => {
|
|
// Start up Aladin Lite
|
|
var aladin = A.aladin('#aladin-lite-div', {target: 'M 82', fov: 0.25});
|
|
|
|
aladin.addCatalog(A.catalogFromSimbad('M 82', 0.1, {onClick: 'showTable'}));
|
|
aladin.addCatalog(A.catalogFromNED('09 55 52.4 +69 40 47', 0.1, {onClick: 'showPopup', shape: 'plus'}));
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|