Megosztás a következőn keresztül:

Csemperéteg hozzáadása térképhez

  • Cikk

Ez a cikk bemutatja, hogyan fedhet át csempét a térképen. A csempék rétegei lehetővé teszik, hogy a rendszerképeket az Azure Térképek alaptérkép-csempék fölé helyezi. Az Azure Térképek burkolórendszerről további információt a Nagyítási szintek és a csemperács című témakörben talál.

Egy csemperéteg betöltődik a csempékbe egy kiszolgálóról. Ezek a képek előrerendelhetők vagy dinamikusan renderelhetők. Az előrerendelt rendszerképeket a rendszer úgy tárolja, mint bármely más rendszerképet a kiszolgálón a csemperéteg által értelmezett elnevezési konvencióval. A dinamikusan renderelt képek szolgáltatással töltik be a képeket közel valós idejűre. Az Azure Térképek TileLayer osztály három különböző csempeszolgáltatás-elnevezési konvenciót támogat:

  • X, Y, Nagyítási jelölés – X az oszlop, Y a csempe sorpozíciója a csemperácson, a Nagyítás jelölése pedig a nagyítási szint alapján.
  • Négykulcsos jelölés – Az x, az y és a nagyítási adatokat egyetlen sztringértékbe egyesíti. Ez a sztringérték egyetlen csempe egyedi azonosítójává válik.
  • Határolókeret – Adjon meg egy képet a Határolókeret koordinátái formátumban: {west},{south},{east},{north}. Ezt a formátumot a webleképezési szolgáltatások (WMS) gyakran használják.

Tipp.

A TileLayer segítségével nagy adathalmazokat jeleníthet meg a térképen. Nem csak egy csemperéteg hozható létre egy képből, hanem a vektoradatok is megjeleníthetők csemperétegként. A vektoradatok csemperétegként való renderelésével a térképvezérlőnek csak olyan csempéket kell betöltenie, amelyek fájlméretében kisebbek, mint az általuk képviselt vektoradatok. Ezt a technikát gyakran használják több millió adatsor leképezésére a térképen.

A csemperétegbe átadott csempe URL-címének http- vagy https URL-címnek kell lennie egy TileJSON-erőforráshoz vagy egy csempe URL-sablonjához, amely a következő paramétereket használja:

  • {x} - A csempe X pozíciója. Is szüksége van {y} , és {z}.
  • {y} - A csempe Y pozíciója. Is szüksége van {x} , és {z}.
  • {z} - A csempe nagyítási szintje. Is szüksége van {x} , és {y}.
  • {quadkey}- Csempe négykulcsos azonosítója a Bing Térképek csemperendszer elnevezési konvenciója alapján.
  • {bbox-epsg-3857} - Határolókeret-sztring, amelynek formátuma {west},{south},{east},{north} az EPSG 3857 Térbeli referenciarendszerben található.
  • {subdomain} - Az altartomány értékeinek helyőrzője, ha meg van adva, a subdomain rendszer hozzáadja.
  • {azMapsDomain} – Helyőrző, amely a tartományt és a csempekérelmek hitelesítését a térkép által használt értékekkel igazítja.

Mozaikréteg hozzáadása

Ez a minta bemutatja, hogyan hozhat létre csemperéteget, amely csempék egy csoportjára mutat. Ez a minta az x, y, zoom tiling rendszert használja. Ennek a csemperétegnek a forrása az OpenSeaMap projekt, amely közösségi forrású tengeri diagramokat tartalmaz. Ideális esetben a felhasználók egyértelműen láthatják a városok feliratait, miközben a térképen navigálnak a radaradatok megtekintésekor. Ez a viselkedés úgy valósítható meg, hogy beszúrja a csemperéteget a labels réteg alá.

//Create a tile layer and add it to the map below the label layer.
map.layers.add(new atlas.layer.TileLayer({
    tileUrl: 'https://tiles.openseamap.org/seamark/{z}/{x}/{y}.png',
    opacity: 0.8,
    tileSize: 256,
    minSourceZoom: 7,
    maxSourceZoom: 17
}), 'labels');

Az x, y és nagyítási csempét használó csempékre mutató csemperétegek x, y és nagyítási felülettel való létrehozását bemutató teljes körű mintaért tekintse meg az Azure Térképek-mintákban található X, Y és Z mintát használó csemperéteget. A csemperéteg forrása ebben a mintában az OpenSeaMap projektből származó tengeri diagram, amely egy OpenStreet Térképek projekt, amely ODbL licenccel rendelkezik. A minta forráskódját lásd : Csemperéteg X, Y és Z forráskóddal.

A screenshot of map with a tile layer that points to a set of tiles using the x, y, zoom tiling system. The source of this tile layer is the OpenSeaMap project.

OGC webleképezési szolgáltatás (WMS) hozzáadása

A webleképezési szolgáltatás (WMTS) egy Open Geospatial Consortium (OGC) szabvány a térképadatok képeinek kiszolgálására. Ebben a formátumban számos nyitott adatkészlet érhető el, amelyeket az Azure Térképek használhat. Ez a szolgáltatás csemperéteggel is használható, ha a szolgáltatás támogatja a EPSG:3857 koordináta-referenciarendszert (CRS). WMS-szolgáltatás használatakor állítsa a szélességi és magassági paramétereket a szolgáltatás által támogatott értékre, ügyeljen arra, hogy ezt az értéket a tileSize beállításban állítsa be. A formázott URL-címben állítsa be a BBOX szolgáltatás paraméterét a {bbox-epsg-3857} helyőrzővel.

A webleképezési szolgáltatásra (WMS) mutató csemperéteg létrehozását bemutató teljes körű mintaért tekintse meg a WMS csemperéteg mintáját az Azure Térképek-mintákban. A minta forráskódját a WMS csemperéteg forráskódja ismerteti.

Az alábbi képernyőképen a WMS csemperéteg mintája látható, amely a térkép tetején és a címkék alatt az Egyesült Államok Geológiai Felméréséből (USGS) származó geológiai adatok webleképezési szolgáltatását fedi le.

A screenshot of a world map with a tile layer that points to a Web Mapping Service (WMS).

OGC webleképezési csempeszolgáltatás (WMTS) hozzáadása

A webleképezési csempeszolgáltatás (WMTS) egy Open Geospatial Consortium (OGC) szabvány a csempéken alapuló átfedések térképekhez való kiszolgálására. Ebben a formátumban számos nyitott adatkészlet érhető el, amelyeket az Azure Térképek használhat. Ez a szolgáltatás csemperéteggel is használható, ha a szolgáltatás támogatja a EPSG:3857 GoogleMapsCompatible referenciarendszert (CRS). WMTS-szolgáltatás használatakor állítsa a szélességi és magassági paramétereket a szolgáltatás által támogatott értékre, ügyeljen arra, hogy ezt az értéket is állítsa be a tileSize beállításban. A formázott URL-címben ennek megfelelően cserélje le a következő helyőrzőket:

  • {TileMatrix} =>{z}
  • {TileRow} =>{y}
  • {TileCol} =>{x}

A webleképezési csempeszolgáltatásra (WMTS) mutató csemperéteg létrehozását bemutató teljes körű mintaért tekintse meg a WMTS csemperéteg mintáját az Azure Térképek-mintákban. A minta forráskódját a WMTS csemperéteg forráskódja ismerteti.

Az alábbi képernyőképen a WMTS csemperéteg mintája látható, amely egy webes leképezési csempeszolgáltatást mutat be, amely az Egyesült Államok Geológiai Felmérésének (USGS) nemzeti térképéről készít képeket egy térkép tetején, az utak és a címkék alatt.

A screenshot of a map with a tile layer that points to a Web Mapping Tile Service (WMTS) overlay.

Csemperéteg testreszabása

A csemperéteg-osztály számos stílusbeállítással rendelkezik. A Csemperéteg beállításai minta egy olyan eszköz, amely kipróbálja őket. A minta forráskódját a Csemperéteg beállításai forráskódban talál.

A screenshot of Tile Layer Options sample.

Következő lépések

További információ a cikkben használt osztályokról és módszerekről:

TileLayer

TileLayerOptions

További kódmintákat a térképekhez a következő cikkekben talál:

Képréteg hozzáadása