Bir API anahtarınız olduğundan ve istemci kimlik bilgileri OAuth 2.0 hibe türünü kullanarak bir belirteç edindiğinizden emin olun. (Daha fazla bilgi için Başlarken Kılavuzuna bakın).
v1/public/buildings uç noktasını kullanarak binaların listesini alın.

örneğin

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": [] } }

Her bina için, v1/public/floors uç noktasını kullanarak kat sayılarını alın. Bu API, buildingId sorgu parametresini kullanarak filtrelemeyi destekler.

örneğin

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

SVG'yi floorplanUrl adresinden yükleyin. Kattaki her alan, şu biçimde bir kimliğe sahip bir SVG öğesi olarak temsil edilir:

space::{space_type}::{spaceId}
v1/public/bookings uç noktasını kullanarak belirli bir kat için rezervasyonları alın. Belirli bir gün veya döneme ait rezervasyonları almak için kat kimliğine ve tarih aralığına göre filtreleme yapabilirsiniz.
örneğin

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 }
Yukarıda belirtilen kimlik biçimini kullanarak her rezervasyon sonucundaki spaceId değerini ilgili SVG öğesine eşleyin. Ardından, rezervasyon durumuna göre SVG öğesini biçimlendirebilirsiniz. Örneğin:

doldur: #60D27B (yeşil) mevcut olanlar için
doldur: #FF9B53 (turuncu) rezervasyon için

Kat planını güncel tutmak için, gerçek zamanlı kullanılabilirlik değişikliklerini yansıtmak üzere rezervasyon uç noktasını düzenli aralıklarla (örneğin her 5 dakikada bir) yoklayın.

Çalışan bir örnek ve tam kaynak kodu için örnek uygulamamızın GitHub deposunu ziyaret edin.

Genel Bakış