Asegúrate de tener una clave API y de haber obtenido un token con el tipo de concesión OAuth 2.0 de credenciales de cliente. (Consulta la Guía de inicio rápido para obtener más información).
Recupere la lista de edificios utilizando el punto final v1/public/buildings .

p.ej

GET <https://api.onkadence.co/v1/public/buildings

>

{ "@context": "/v1/contexts/Building", "@id": "/v1/public/buildings", "@type": "hydra:Collection", "hydra:totalItems": 1, "hydra:member": [ { "@id": "/v1/public/buildings/01EMPPAER4FWYN1MSBW0NAZSBK", "@type": "Building", "id": "01EMPPAER4FWYN1MSBW0NAZSBK", "name": "Bell Yard Coffee - Bell Yard", "timeZone": "Europe/London", "latitude": "51.51459200", "longitude": "-0.11192900", "addressLine1": "1 Quality Court", "addressLine2": "Holborn", "city": "London", "county": "Greater London", "countryCode": "GB", "createdAt": "2023-06-29T08:40:31+00:00", "modifiedAt": "2023-07-07T10:27:00+00:00", "countryName": "United Kingdom" } ], "hydra:view": { "@id": "/v1/public/buildings?countryCode=GB&city=London&name=Bell%20Yard", "@type": "hydra:PartialCollectionView" }, "hydra:search": { "@type": "hydra:IriTemplate", "hydra:template": "/v1/public/buildings{?}", "hydra:variableRepresentation": "BasicRepresentation", "hydra:mapping": [] } }

Para cada edificio, recupera sus plantas mediante el punto de conexión v1/public/floors . Esta API permite filtrar mediante el parámetro de consulta buildingId.

p.ej

GET <https://api.onkadence.co/v1/public/floors?buildingId=01EMPPAER4FWYN1MSBW0NAZSBK

>

{ "@context": "/v1/contexts/Floor", "@id": "/v1/public/floors", "@type": "hydra:Collection", "hydra:totalItems": 2, "hydra:member": [ { "@id": "/v1/public/floors/01F01JHXDZCKNP4J9N9PA878Q1", "@type": "Floor", "id": "01F01JHXDZCKNP4J9N9PA878Q1", "name": "Floor 1", "floorplanUrl": "<https://static.onkadence.co/a/floorplan.svg>" }, { "@id": "/v1/public/floors/01FXSN478SSJAEEWJ26F9MHK4W", "@type": "Floor", "id": "01FXSN478SSJAEEWJ26F9MHK4W", "name": "Floor 2", "floorplanUrl": "<https://static.onkadence.co/another/floorplan.svg>" } ], "hydra:view": { "@id": "/v1/public/floors?buildingId=01EMPPAER4FWYN1MSBW0NAZSBK", "@type": "hydra:PartialCollectionView" } }

Cargue el SVG desde floorplanUrl . Cada espacio de la planta se representa como un elemento SVG con un ID en el formato:

space::{space_type}::{spaceId}
Obtenga las reservas de una planta específica mediante el punto de acceso v1/public/bookings . Puede filtrar por ID de planta y rango de fechas para obtener las reservas de un día o período determinado.
p.ej

GET <https://api.onkadence.co/v1/public/bookings?floorId=01F01JHXDZCKNP4J9N9PA878Q1&order[startDateTime]=asc&startDateTime[local_after]=2023-01-01T00:00:00Z&startDateTime[local_before]=2023-01-01T23:59:59Z

>

{ "hydra:member": [ { ... "id": "01GTBV1CT3BM8A42SEJ2J5F4EG", "startDate": "2023-01-01T09:00:00+00:00", "endDate": "2023-01-01T17:00:00+00:00", "status": "booked", "type": "desk", "building": "/v1/public/buildings/01EMPPAER4FWYN1MSBW0NAZSBK" } ], "hydra:totalItems": 1 }
Asigna el ID de espacio de cada resultado de reserva al elemento SVG correspondiente utilizando el formato de ID indicado anteriormente. Después, puedes aplicar estilo al elemento SVG según el estado de la reserva. Por ejemplo:

Relleno: #60D27B (verde) para disponible
Relleno: #FF9B53 (naranja) para reservado

Para mantener el plano del piso actualizado, sondee el punto final de reservas periódicamente (por ejemplo, cada 5 minutos) para reflejar los cambios de disponibilidad en tiempo real.

Para obtener un ejemplo funcional y el código fuente completo, visita nuestro repositorio de aplicaciones de muestra en GitHub .

Descripción general