Los eventos de detección de embarcaciones que se visualizan en la interfaz web de Skylight incluyen indicadores visuales de escala y orientación, como se muestra en la captura de pantalla a continuación.

1. Orientación de la brújula (en grados desde el norte verdadero) se puede ver en la parte superior izquierda del chip de imagen.
2. Escala (en kilómetros) se puede ver en la parte inferior izquierda.

Los metadatos asociados con la orientación y la escala del chip de imagen también están disponibles a través de la API de Skylight utilizando el endpoint de eventos.  

Solicitud de API

Una solicitud al endpoint de eventos devolverá un objeto Eventos, que opcionalmente puede incluir Detalles del Evento para cada registro de la respuesta. Entre los campos que se pueden incluir en Detalles del Evento se encuentran los siguientes:

1. metros_por_píxel (la escala de la imagen)
2. orientación (la orientación de la brújula)

A continuación se muestra un ejemplo de solicitud de API que incluye esos dos campos:

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

Respuesta de la API

La respuesta a la solicitud mostrada en la sección anterior se ve así:

{
   "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
                   }
               }
           ]
       }
   }
}

En el ejemplo anterior, la orientación es 351 grados desde el norte, lo que indica una orientación noroeste (un valor de orientación de cero indica el norte verdadero).

Pantalla de interfaz de usuario

Al utilizar los datos de metros_por_píxel y orientación incluidos en la respuesta de la API, puede generar sus propias visualizaciones de escala y orientación de brújula, similares al uso en la interfaz web de Skylight (como se muestra en la parte superior de este artículo).

Orientación

Puede utilizar la propiedad rotate de CSS para controlar cómo se muestra la orientación, como en este ejemplo:

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

En el código de interfaz asociado, la etiqueta img relevante podría representarse como en el siguiente ejemplo:

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