Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="Display a custom HiPS">
  <meta charset="utf-8">
  <title>Load a custom HiPS in Aladin Lite</title>
</head>
<body>
     <link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
    <script type="text/javascript" src="https://code.jquery.com/jquery-1.9.1.min.js" charset="utf-8"></script>
    <div id="aladin-lite-div" style="width:500px;height:500px;"></div>
    <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">
        var aladin = A.aladin('#aladin-lite-div');
        aladin.setImageSurvey(aladin.createImageSurvey("BIG_color", "Color BiH HiPS", "http://astrodeep.u-strasbg.fr/ff/data/HiPS/o_BIH_color", "equatorial", 13, {imgFormat: 'png'})); // setting a custom HiPS
      
        aladin.gotoRaDec(3.5920474, -30.405748); 
        aladin.setFoV(0.02); 
      
    </script>
  
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
tbochpro
0viewers