forked from jarmoruuth/AstroMosaic
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathAstroMosaicEngineExample.html
45 lines (36 loc) · 1.89 KB
/
AstroMosaicEngineExample.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE HTML>
<html lang = "en">
<head></head>
<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
</head>
<body>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.1.min.js" charset="utf-8"></script>
<script type="text/javascript" src="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.js" charset="utf-8"></script>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="target-div" style="width:300px;height:300px;"></div>
<div id="day-div" style="width:300px;height:300px;"></div>
<div id="year-div" style="width:300px;height:300px;"></div>
<script type="text/javascript" src="AstroMosaicEngine.js"></script>
<script>
var viewer_params = {
fov_x : 37, // x fov in degrees
fov_y : 43, // y fov in degrees
location_lat : 28.29970, // location latitude (here Teide)
location_lng : -16.50826, // location longitude (here Teide)
horizonSoft : null, // soft horizon limit or null
horizonHard : [30], // hard horizon limit or null
meridian_transit : null, // meridian transit or null
UTCdate_ms : null, // UTC date in milliseconds at the start of the day, null for current date
timezoneOffset: null, // difference between UTC time and local time, in minutes, null for UTC, should match with lat/lng
isCustomMode : true, // use custom colors
chartTextColor : "white", // custom chart text color
gridlinesColor : "gray", // custom chart grid lines color
backgroundColor : "black" // custom chart background color
};
// we could use local time zone but it should match with lat/lng
// var d = new Date();
// viewer_params.timezoneOffset = d.getTimezoneOffset();
AstroMosaicEngine("M82", viewer_params, "target-div", "day-div", "year-div");
</script>
</body>
</html>