mirror of
https://github.com/cds-astro/aladin-lite.git
synced 2026-01-12 13:15:22 -08:00
61 lines
2.8 KiB
HTML
61 lines
2.8 KiB
HTML
<!DOCTYPE>
|
|
<html>
|
|
<head>
|
|
<link rel="stylesheet" href="css/highlight/default.min.css">
|
|
<script src="js/highlight.min.js"></script>
|
|
<script>hljs.initHighlightingOnLoad();</script>
|
|
|
|
<style>
|
|
code {
|
|
font-size: 14px;
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<pre><code>
|
|
<h1>Trifid interactive map</h1>
|
|
|
|
<!-- Aladin Lite CSS style file -->
|
|
<link rel="stylesheet" href="http://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
|
|
|
|
<!-- Aladin Lite has a dependency on the jQuery library -->
|
|
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js" charset="utf-8"></script>
|
|
|
|
<!-- Aladin Lite container at requested dimensions -->
|
|
<div id="aladin-lite-div" style="width:700px;height:400px;"></div>
|
|
|
|
<input id="DSS" type="radio" name="survey" value="P/DSS2/color" checked><label for="DSS">DSS color<label>
|
|
<input id="DSS-blue" type="radio" name="survey" value="P/DSS2/blue"><label for="DSS-blue">DSS blue<label>
|
|
<input id="2MASS" type="radio" name="survey" value="P/2MASS/color"><label for="2MASS">2MASS<label>
|
|
<input id="allwise" type="radio" name="survey" value="P/allWISE/color"><label for="allwise">AllWISE<label>
|
|
<input id="glimpse" type="radio" name="survey" value="P/GLIMPSE360"><label for="glimpse">GLIMPSE 360<label>
|
|
|
|
|
|
<!-- Aladin Lite JS code -->
|
|
<script type="text/javascript" src="http://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.js" charset="utf-8"></script>
|
|
|
|
<!-- Creation of Aladin Lite instance with initial parameters -->
|
|
<script type="text/javascript">
|
|
var aladin = A.aladin('#aladin-lite-div', {survey: "P/DSS2/color", fov:1.5, target: "trifid"});
|
|
|
|
$('input[name=survey]').change(function() {
|
|
aladin.setImageSurvey($(this).val());
|
|
});
|
|
|
|
var marker1 = A.marker(270.332621, -23.078944, {popupTitle: 'PSR B1758-23', popupDesc: 'Object type: Pulsar'});
|
|
var marker2 = A.marker(270.63206, -22.905550, {popupTitle: 'HD 164514', popupDesc: 'Object type: Star in cluster'});
|
|
var marker3 = A.marker(270.598121, -23.030819, {popupTitle: 'HD 164492', popupDesc: 'Object type: Double star'});
|
|
var markerLayer = A.catalog({color: '#800080'});
|
|
aladin.addCatalog(markerLayer);
|
|
markerLayer.addSources([marker1, marker2, marker3]);
|
|
|
|
aladin.addCatalog(A.catalogFromSimbad('trifid', 0.2, {shape: 'plus', color: '#5d5', onClick: 'showTable'}));
|
|
aladin.addCatalog(A.catalogFromVizieR('J/ApJ/562/446/table13', 'trifid', 0.2, {shape: 'square', sourceSize: 8, color: 'red', onClick: 'showPopup'}));
|
|
</script>
|
|
|
|
</code></pre>
|
|
</body>
|
|
</html>
|