gitea-mirror/aladin-lite
1
0
Fork 0
mirror of https://github.com/cds-astro/aladin-lite.git synced 2026-01-09 11:46:39 -08:00
Code Issues Packages Projects Releases Wiki Activity

add some docs on UI customization, a jsdoc conf file, fix some class links in the doc

Browse Source
This commit is contained in:
Matthieu Baumann
2024-06-10 11:51:44 +02:00
parent 6df2ee9757
commit 2b5f8a751a
15 changed files with 152 additions and 161 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
examples/al-gw.html
View File

@@ -1,6 +1,8 @@
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=no">
</head>
<body>
<div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>

42
examples/al-init-custom-options.html
View File

@@ -1,14 +1,16 @@
<!doctype html>
<html>
<head>
</head>
<head>
<meta name="viewport" content="width=device-width, height=device-height, maximum-scale=1.0, initial-scale=1.0, user-scalable=no">
</head>
<body>
<div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>
<script> let aladin;
</script>
<div id="aladin-lite-div" style="width: 768px; height: 512px"></div>
<script type="module">
import A from '../src/js/A.js';
let aladin;
A.init.then(() => {
aladin = A.aladin(
'#aladin-lite-div',
@@ -17,26 +19,24 @@
projection: 'AIT', // set a projection
fov: 1.5, // initial field of view in degrees
target: 'NGC 2175', // initial target
cooFrame: 'galactic', // set galactic frame
reticleColor: '#00ff00', // change reticle color
reticleSize: 40, // change reticle size
gridOptions: {color: 'pink'},
showCooGrid: false, // set the grid
fullScreen: true,
inertia: false,
showStatusBar: true,
showShareControl: true,
showSettingsControl: true,
showLayersControl: true,
showZoomControl: true,
cooFrame: 'icrs', // set galactic frame
reticleColor: '#ff89ff', // change reticle color
reticleSize: 64, // change reticle size
showContextMenu: true,
showCooGridControl: true,
//showSimbadPointerControl: true,
showFullscreenControl: true,
}
);
});
</script>
<style>
.aladin-location {
position: absolute;
left: 0.2rem;
top: 0.2rem;
}
.aladin-cooFrame {
display: none;
}
</style>
</body>
</html>
</html>