Dinamikus stílus implementálása beltéri térképek létrehozója számára

Cikk
11/08/2023

Az Azure Térképek Creator Feature State szolgáltatással olyan stílusokat alkalmazhat, amelyek a beltéri térkép adatfunkcióinak dinamikus tulajdonságain alapulnak. Megjelenítheti például a létesítmény tárgyalóit egy adott színnel, hogy tükrözze a kihasználtság állapotát. Ez a cikk azt ismerteti, hogyan jeleníthet meg dinamikusan beltéri térképfunkciót a Feature State szolgáltatással és a beltéri webmodullal.

Előfeltételek

A statesetId. További információ: Szolgáltatásállapot-halmaz létrehozása.
Egy webalkalmazás. További információ: A Beltéri térkép modul használata.

Ez a cikk a Postman-alkalmazást használja, de választhat egy másik API-fejlesztési környezetet.

Dinamikus stílus implementálása

Az előfeltételek teljesítése után egy egyszerű webalkalmazást kell konfigurálni az előfizetési kulccsal és statesetIda .

Funkciók kiválasztása

A dinamikus stílus implementálásához hivatkozhat egy funkcióra, például egy értekezletre vagy konferenciateremre az azonosítója alapján. A funkcióazonosítóval frissítheti a szolgáltatás dinamikus tulajdonságát vagy állapotát . Az adathalmazban definiált funkciók megtekintéséhez használja az alábbi módszerek egyikét:

WFS API (webszolgáltatás). Az adathalmazok lekérdezéséhez használja a WFS API-t . A WFS az Open Geospatial Consortium API-funkciókat követi. A WFS API hasznos az adathalmazon belüli funkciók lekérdezéséhez. A WFS használatával például megkeresheti egy adott létesítmény és padlószint összes közepes méretű tárgyalóját.
Testre szabott kódot implementálhat, amellyel a felhasználó kiválaszthatja a térkép funkcióit a webalkalmazás használatával, ahogyan azt a jelen cikkben is bemutatjuk.

Az alábbi szkript implementálja az egérkattintásos eseményt. A kód lekéri a funkcióazonosítót a kattintott pont alapján. Az alkalmazásban beszúrhatja a kódot az Indoor Manager kódblokkja után. Futtassa az alkalmazást, majd ellenőrizze a konzolt a kattintott pont funkcióazonosítójának beszerzéséhez.

/* Upon a mouse click, log the feature properties to the browser's console. */
map.events.add("click", function(e){

    var features = map.layers.getRenderedShapes(e.position, "unit");

    features.forEach(function (feature) {
        if (feature.layer.id == 'indoor_unit_office') {
            console.log(feature);
        }
    });
});

A Beltéri térkép létrehozása oktatóanyag konfigurálta a funkcióállapot-halmazt, hogy fogadja el a következő állapotfrissítéseket occupancy: .

A következő szakaszban az office foglaltsági állapotát állítja be a következőretrue, és a következőre UNIT27false.UNIT26

A kihasználtság állapotának beállítása

Frissítse a két iroda állapotát, UNIT26 és UNIT27:

A Postman alkalmazásban válassza az Új lehetőséget.
Az Új létrehozása ablakban válassza a HTTP-kérés lehetőséget.
Adja meg a kérelem nevét, például POST adatfeltöltést.
Adja meg a funkciófrissítési állapotok API következő URL-címét (cserélje le {Azure-Maps-Subscription-key} az Azure Térképek előfizetési kulcsára és statesetId a statesetIdkövetkezőre:
```
https://us.atlas.microsoft.com/featurestatesets/{statesetId}/featureStates/UNIT26?api-version=2.0&subscription-key={Your-Azure-Maps-Subscription-key}
```
Válassza az Élőfejek lapot.
A KULCS mezőben válassza a lehetőségetContent-Type. Az ÉRTÉK mezőben válassza a lehetőségetapplication/json.
Válassza a Törzs fület.
A legördülő listákban válassza a nyers és a JSON lehetőséget.
Másolja ki a következő JSON-stílust, majd illessze be a Törzs ablakba:
```
{
    "states": [
        {
            "keyName": "occupied",
            "value": true,
            "eventTimestamp": "2020-11-14T17:10:20"
        }
    ]
}
```
Fontos

A frissítés csak akkor lesz mentve, ha a közzétett időbélyeg az előző funkcióállapot-frissítési kérelmekben használt időbélyeg után található ugyanahhoz a funkcióazonosítóhoz.

Módosítsa a 7. lépésben használt URL-címet a következőre cserélve UNIT26UNIT27:

https://us.atlas.microsoft.com/featurestatesets/{statesetId}/featureStates/UNIT27?api-version=2.0&subscription-key={Your-Azure-Maps-Subscription-key}

Másolja ki a következő JSON-stílust, majd illessze be a Törzs ablakba:

{
    "states": [
        {
            "keyName": "occupied",
            "value": false,
            "eventTimestamp": "2020-11-14T17:10:20"
        }
    ]
}

Dinamikus stílusok megjelenítése térképen

A böngészőben korábban megnyitott webalkalmazásnak most a térképfunkciók frissített állapotát kell tükröznie:

Az Office UNIT27(142) zöld színnel jelenik meg.
Az Office UNIT26(143) piros színben jelenik meg.

Free room in green and Busy room in red

Élő bemutató megtekintése

További lépések

További információ:

[Mi az az Azure Térképek Creator?]

A beltéri térképek létrehozója

Share via