Add test page multiple-instances.html

This page tries to run two instances in Aladin Lite
This commit is contained in:
Thomas Boch
2021-03-10 09:46:19 +01:00
parent a8560ef5f4
commit d3c3033901

32
dist/multiple-instances.html vendored Normal file
View File

@@ -0,0 +1,32 @@
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
<link rel="stylesheet" href="https://unpkg.com/discovery-tree@1.0.10/dist/discovery-tree.css" />
<link rel="stylesheet" href="./layers.css" />
</head>
<body>
<script src="https://code.jquery.com/jquery-1.10.1.min.js"></script>
<div id="al1" style="width: 500px; height: 500px"> </div>
<div id="al2" style="width: 500px; height: 500px"> </div>
<script type="text/javascript" src="./aladin.js" charset="utf-8"></script>
<script type="text/javascript">
let a1;
A.init.then(() => {
// Start up Aladin Lite
a1 = A.aladin('#al1', {target: 'M51', fov: 180, survey: 'P/DSS2/color', fullScreen: false});
});
let a2;
A.init.then(() => {
// Start up Aladin Lite
a2 = A.aladin('#al2', {target: 'M51', fov: 180, survey: 'P/DSS2/color', fullScreen: false});
});
</script>
</body>
</html>