Les événements de détection de navires visualisés dans l'interface Web Skylight incluent des indicateurs visuels d'échelle et d'orientation, comme indiqué dans la capture d'écran ci-dessous.

1. L'orientation de la boussole (en degrés par rapport au nord géographique) est visible dans le coin supérieur gauche de l'image.
2. L'échelle (en kilomètres) est visible en bas à gauche

Les métadonnées associées à l'orientation et à l'échelle de la puce d'image sont également disponibles via l'API Skylight à l'aide du point de terminaison des événements .

demande d'API

Une requête adressée au point de terminaison des événements renvoie un objet Events , qui peut éventuellement inclure EventDetails pour chaque enregistrement de la réponse. Parmi les champs pouvant être inclus dans EventDetails , on trouve :

1. mètres_par_pixel (l'échelle de l'image)
2. orientation (l'orientation de la boussole)

Vous trouverez ci-dessous un exemple de requête API incluant ces deux champs :

{query:
   events(eventTypes: [viirs], pageSize: 1, startTime: "2025-01-12T00:00:00Z")
   {
       items
       {
           event_id
           event_details {
               data_source
               meters_per_pixel
               orientation
           }
       }
   }
}

Réponse de l'API

La réponse à la demande présentée dans la section précédente ressemble à ceci :

{
   "data": {
       "query": {
           "items": [
               {
                   "event_id": "VNP02DNB_NRT.A2025012.0000.002.2025012021107_-33.99_25.71805",
                   "event_details": {
                       "data_source": "nasa",
                       "meters_per_pixel": 86,
                       "orientation": 351
                   }
               }
           ]
       }
   }
}

Dans l'exemple ci-dessus, l' orientation est de 351 degrés par rapport au nord, indiquant une orientation nord-ouest (une valeur d'orientation de zéro indique le vrai nord).

Affichage de l'interface utilisateur

En utilisant les données meters_per_pixel et d'orientation incluses dans la réponse API, vous pouvez générer vos propres affichages d'échelle et d'orientation de boussole, similaires à l'utilisation dans l'interface Web Skylight (comme indiqué en haut de cet article).

Orientation

Vous pouvez utiliser la propriété CSS rotate pour contrôler la façon dont l' orientation s'affiche, comme dans cet exemple :

      .rotate-180 {
       transform: rotate(180deg);
     }

Dans le code d'interface associé, la balise img pertinente peut être rendue comme dans l'exemple suivant :

               <img
                src={directionImg}
                style={{
                  transform: `rotate(${eventDetails.orientation}deg)`,
                }}
                alt="compass"
                className="compass"
              />