mirror of
https://github.com/cds-astro/aladin-lite.git
synced 2026-01-16 23:12:30 -08:00
35 lines
1.1 KiB
HTML
35 lines
1.1 KiB
HTML
|
|
<!doctype html>
|
|
<html>
|
|
<head>
|
|
</head>
|
|
<body>
|
|
|
|
<div id="aladin-lite-div" style="width: 500px; height: 400px"></div>
|
|
<script type="module">
|
|
import A from '../src/js/A.js';
|
|
let aladin;
|
|
A.init.then(() => {
|
|
// Start up Aladin Lite
|
|
aladin = A.aladin('#aladin-lite-div', {survey: "CDS/P/DSS2/color", target: 'M 1', fov: 0.2, showContextMenu: true, fullScreen: true});
|
|
var overlay = A.graphicOverlay({color: '#ee2345', lineWidth: 3});
|
|
aladin.addOverlay(overlay);
|
|
overlay.add(A.circle(83.66067, 22.03081, 40.0, {color: 'cyan'})); // radius in degrees
|
|
|
|
aladin.on("footprintClicked", (footprint) => {
|
|
console.log("footprint clicked catched", footprint)
|
|
})
|
|
aladin.on("objectClicked", (object) => {
|
|
console.log("object clicked catched", object)
|
|
})
|
|
aladin.on("footprintHovered", (footprint) => {
|
|
console.log("footprint hovered catched", footprint)
|
|
})
|
|
aladin.on("objectHoveredStop", (object) => {
|
|
console.log("Object hovered stopped", object)
|
|
})
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|