mirror of
https://github.com/cds-astro/aladin-lite.git
synced 2025-12-12 07:40:26 -08:00
38 lines
1.2 KiB
HTML
38 lines
1.2 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(() => {
|
|
aladin = A.aladin('#aladin-lite-div', {target: 'M 1', fov: 180});
|
|
|
|
var overlay = A.graphicOverlay({color: '#ee2345', lineWidth: 3});
|
|
aladin.addOverlay(overlay);
|
|
overlay.add(A.circle(83.66067, 0, 30, {color: 'cyan'})); // radius in degrees
|
|
var cat = A.catalog({name: 'Some markers', sourceSize: 18});
|
|
aladin.addCatalog(cat);
|
|
cat.addSources([A.marker(83, 29, {popupTitle: 'Point1', popupDesc: 'Does not show up in circle'})]);
|
|
|
|
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>
|