Visualisation-Aladin.md

+Pour effectuer des visualisations d'images de catalogues, nous préconisons l'utilisation d'aladin Lite (http://aladin.u-strasbg.fr/AladinLite/doc/).
+
+Un tutoriel pour intégré l'outils Aladin Lite dans une page web est présentée par le Centre de Données astronomiques de Strasbourg ici:
+http://aladin.u-strasbg.fr/AladinLite/doc/tutorials/interactive-finding-chart/
+
+Pour répondre à notre problème, i.e. visualisation Aladin Lite de la zone de ciel couverte par une tile donnée avec les galaxies contenues dans la base de données ICARE taggées, nous proposons la solution suivante :
+
+**code javascript:**
+var aladin = A.aladin('#aladin-lite-div', {survey: "P/DSS2/color", fov:1.5, target: "M 20"});
+
+
+        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]);
+
+**code html:**
+
+<!-- Aladin Lite CSS style file -->
+    <link rel="stylesheet" href="https://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="https://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>
+
+   
+
+    <!-- Aladin Lite JS code -->
+    <script type="text/javascript" src="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.js" charset="utf-8"></script>
+
+Certaines variables sont à adapter à nos besoins:
+- fov:1.5 -> fov  = taille du FoV du télescope sélectionné