Leképezési adatok vizualizációja az Azure Térképek webes SDK-val

Befejeződött

Az Azure Térképek webes SDK számos olyan eszközzel rendelkezik, a segítségével térbeli adatokat jeleníthet meg egy interaktív térképen egy weblapon. Mielőtt elkezdenénk térképet hozzáadni egy weblaphoz, nézzük meg az SDK néhány funkcióját.

Térkép renderelése

Az Azure Térképek webes SDK egy interaktív JavaScript-térképvezérlővel rendelkezik, amelyet hozzáadhat egy weblaphoz. Térképek a Spherical Mercator vetítési koordinátarendszer használatával rajzolják (renderelik), amely a webes leképezési alkalmazások szabványa. Ez a rendszer az Északi-sarkon és a Déli-sarkon is nyújtja a térképet, hogy egy négyzetes térképet hozzon létre, amely a képernyőn rajzolható. A nyújtás eredménye, hogy minél távolabb van az áthelyezett egyenlítőtől, annál jobban megnyúlt a térkép. A térképen például egy olyan ország vagy régió, mint Grönland, lényegesen nagyobbnak tűnik, mint amilyen valójában.

Térképek különböző stílusokban jeleníthetők meg. A stílusok ezek:

  • Út: Egy szabványos térképstílus, amely megjeleníti az utakat és a természetes és mesterséges jellemzőket, funkciófeliratokkal.

    Image of a road map of Seattle.

  • Műhold: A műholdas és a légi felvételek kombinációja.

    Image of a satellite map of Seattle.

  • Műhold útfeliratokkal: Műholdas és légi felvételek kombinációja, utak és címkék átfedésével.

    Image of a satellite and road map of Seattle.

  • Kontrasztos megjelenítés: Sötét úttérkép, amely nagyobb kontrasztot mutat, mint a többi térképstílus.

    Image of a high-contrast map of Seattle.

További stílusokat az Azure Térképek támogatott térképstílusok ismertetnek.

Mozgás a térképen

Az Azure Térképek vezérlőket úgy konfigurálhatja, hogy teljesen interaktívak legyenek, így a felhasználó nagyíthatja, áthelyezheti, elforgathatja és elforgathatja a térképnézetet. Nagyítással és megdöntéssel a térkép 3D-s formában is meg tudja jeleníteni az épületek formáját. Egérrel, trackpadkel vagy érintőképernyővel mozoghat a térképen. A térképvezérlő támogatja a nagyítást és a húzást a térkép áthelyezéséhez. A térkép vezérlőelem nagyítási, iránytű-, hangmagasság- és stílusválasztó vezérlőkkel rendelkezik, amelyeket engedélyezhet és megjeleníthet a térképen.

Az alkalmazáskódban beállíthatja a térkép-navigációt. Beállíthatja például a nézetet egy adott helyre. A térképvezérlő beállításaiban letilthatja vagy engedélyezheti a felhasználói navigációs képességeket.

Rétegek

A térképeket rétegek hozzáadásával bővítheti. A réteg egy adatobjektumot jelenít meg a térkép tetején. A létrehozott alkalmazásban egy réteget használ egy térképen a levegőminőségi adatok megjelenítéséhez.

Térképvezérlőt használó alkalmazás létrehozásakor különböző rétegtípusok közül választhat. Minden rétegtípus GeoJSON-adatokat vagy Mapbox-vektorcsempéket tartalmazó adatforrásokat jelenít meg. A GeoJSON-t a modul későbbi részében tárgyaljuk.

Íme néhány rétegtípus, amelyet térképekkel használhat:

  • Szimbólumréteg: A szimbólumrétegek elhelyeznek egy kitűző ikont vagy egy egyéni ikont, amely egy képfájlból töltődik be egy adott helyen a térképen. A különböző ikonok például különböző típusú szociális támogatás helyszíneit jeleníthetik meg egy városban, például élelmiszerbankokat vagy hajléktalanszállókat.

  • Buborékréteg: A buborékrétegek körkörös buborékokat helyeznek el a térképen található helyeken. A buborékokat úgy konfigurálhatja, hogy az adatokat úgy jelöljék, hogy módosítják azok megjelenését, például a méretet és a színt. Egy világjárvány során például a különböző buborékméretek azt jelezhetik, hogy hányan szenvedtek betegségben, és a különböző halálozási arányokat tükröző színekkel.

  • Hőtérkép: A hőtérkép-rétegek az adatsűrűséget jelölik. A hőtérképek színtartományt használnak a "gyakori elérésű" területek térképen való megjelenítéséhez. Egy hőtérkép használatával például megjelenítheti egy adott helyen bekövetkező földrengés relatív kockázatát. A helyszín "hője" a földrengések számán és erősségén alapulna a múltban.

Az adatforrás határozza meg a réteg szolgáltatáshelyeit. Az adatforrás olyan adatokat is megadhat, amelyekkel konfigurálhatja a réteg vezérlőinek beállításait. Például azt, hogy milyen képet jelenítsen meg, vagy hogy mekkora méretű legyen a buborék.

Ebben a leckében megismerkedett az Azure Térképek webes SDK-val, beleértve a stílusokat, a navigációt és a rétegeket. Ezután létre kell hoznia egy Azure Térképek-fiókot, hogy a webes SDK-t egy webalkalmazásban használhassa.