Přidání vrstvy dlaždic do mapy

V tomto článku se dozvíte, jak překrýt vrstvu dlaždice na mapě. Vrstvy dlaždic umožňují nad dlaždicemi základní mapy Azure Mapy převést obrázky. Další informace o systému pro tiling v Azure Mapy najdete v tématu Úrovně přiblížení a mřížka dlaždic.

Vrstva dlaždice se načte do dlaždic ze serveru. Tyto obrázky můžou být buď předem vygenerované, nebo dynamicky vykreslené. Předem uspořádané obrázky se ukládají stejně jako všechny jiné image na serveru pomocí konvence pojmenování, které vrstva dlaždic rozumí. Dynamicky vykreslené obrázky používají službu k načtení obrázků téměř v reálném čase. Azure Mapy Třída TileLayer podporuje tři různé zásady vytváření názvů služeb dlaždic:

  • X, Y, zápis lupy – X je sloupec, Y je pozice řádku dlaždice v mřížce dlaždic a notace Lupa hodnota založená na úrovni přiblížení.
  • Zápis quadkey – kombinuje informace x, y a přiblížení do jedné řetězcové hodnoty. Tato řetězcová hodnota se stane jedinečným identifikátorem pro jednu dlaždici.
  • Ohraničující rámeček - Zadejte obrázek ve formátu souřadnic ohraničujícího rámečku: {west},{south},{east},{north}. Tento formát běžně používá služba WMS (Web Mapping Services).

Tip

TileLayer je skvělý způsob, jak vizualizovat velké datové sady na mapě. Vrstvu dlaždic lze nejen vygenerovat z obrázku, vektorová data se také dají vykreslit jako vrstva dlaždic. Vykreslením vektorových dat jako vrstvy dlaždic musí ovládací prvek mapy načíst pouze dlaždice, které jsou menší ve velikosti souboru než vektorová data, která představují. Tato technika se běžně používá k vykreslení milionů řádků dat na mapě.

Adresa URL dlaždice předaná do vrstvy dlaždice musí být adresa URL http nebo https prostředku TileJSON nebo šablony adresy URL dlaždice, která používá následující parametry:

  • {x} - Pozice X dlaždice. Také potřeby {y} a {z}.
  • {y} - Pozice Y dlaždice. Také potřeby {x} a {z}.
  • {z} - Úroveň přiblížení dlaždice. Také potřeby {x} a {y}.
  • {quadkey}– Identifikátor čtyřklíče dlaždice založený na konvenci pojmenování systému dlaždic Bingu Mapy.
  • {bbox-epsg-3857} - Ohraničující řetězec rámečku s formátem {west},{south},{east},{north} v EPSG 3857 Spatial Reference System.
  • {subdomain} - Zástupný symbol pro hodnoty subdomény, pokud je zadána je přidána subdomain .
  • {azMapsDomain} – Zástupný symbol pro zarovnání domény a ověřování požadavků na dlaždici se stejnými hodnotami, které mapa používá.

Přidání vrstvy dlaždic

Tato ukázka ukazuje, jak vytvořit vrstvu dlaždic, která odkazuje na sadu dlaždic. Tato ukázka používá systém pro oddálení x, y. Zdrojem této vrstvy dlaždic je projekt OpenSeaMap, který obsahuje přeplněné nautické grafy. V ideálním případě by uživatelé při prohlížení paprskových dat jasně viděli popisky měst. Toto chování lze implementovat vložením vrstvy dlaždice pod vrstvu labels .

//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');

Plně funkční ukázka, která ukazuje, jak vytvořit vrstvu dlaždic, která odkazuje na sadu dlaždic pomocí systému pro oddálení x, y, zobrazení vrstvy dlaždic pomocí X, Y a Z v ukázce Azure Mapy Samples. Zdrojem vrstvy dlaždic v této ukázce je nautický graf z projektu OpenSeaMap, projektu OpenStreet Mapy licencovaného v rámci ODbL. Zdrojový kód pro tuto ukázku najdete v tématu Vrstva dlaždic pomocí zdrojového kódu X, Y a Z.

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.

Přidání webové služby mapování webu OGC (WMS)

Služba mapování webu (WMTS) je standard OGC (Open Geospatial Consortium) pro obsluhu obrázků mapových dat. V tomto formátu je k dispozici mnoho otevřených datových sad, které můžete použít s Azure Mapy. Tento typ služby lze použít s vrstvou dlaždic, pokud služba podporuje EPSG:3857 referenční systém souřadnic (CRS). Při použití služby WMS nastavte parametry šířky a výšky na hodnotu podporovanou službou, nezapomeňte tuto hodnotu nastavit v tileSize této možnosti. Ve formátované adrese URL nastavte BBOX parametr služby pomocí zástupného symbolu {bbox-epsg-3857} .

Plně funkční ukázku, která ukazuje, jak vytvořit vrstvu dlaždic, která odkazuje na službu mapování webu (WMS), najdete v ukázce vrstvy dlaždic WMS v ukázkách Azure Mapy. Zdrojový kód pro tuto ukázku najdete ve zdrojovém kódu vrstvy dlaždice WMS.

Následující snímek obrazovky ukazuje ukázku vrstvy dlaždic WMS, která překryvuje webovou službu mapování geologických dat z amerického geologického průzkumu (USGS) nad mapou a pod popisky.

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

Přidání služby dlaždic webového mapování OGC (WMTS)

Služba dlaždic mapování webu (WMTS) je standard OGC (Open Geospatial Consortium) pro obsluhu dlaždicových překryvů založených na mapách. V tomto formátu je k dispozici mnoho otevřených datových sad, které můžete použít s Azure Mapy. Tento typ služby lze použít s vrstvou dlaždic, pokud služba podporuje EPSG:3857 nebo GoogleMapsCompatible souřadnicový referenční systém (CRS). Při použití služby WMTS nastavte parametry šířky a výšky na stejnou hodnotu, kterou služba podporuje, nezapomeňte tuto hodnotu nastavit také v tileSize této možnosti. Ve formátované adrese URL odpovídajícím způsobem nahraďte následující zástupné symboly:

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

Plně funkční ukázku, která ukazuje, jak vytvořit vrstvu dlaždic, která odkazuje na službu dlaždic mapování webu (WMTS), najdete v ukázce vrstvy dlaždic WMTS v ukázkách Azure Mapy. Zdrojový kód pro tuto ukázku najdete ve zdrojovém kódu vrstvy dlaždice WMTS.

Následující snímek obrazovky znázorňuje ukázku vrstvy dlaždic WMTS, která překrývá službu dlaždic mapování webu z národní mapy USA (USGS) na mapě pod silnicemi a popisky.

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

Přizpůsobení vrstvy dlaždic

Třída vrstvy dlaždic má mnoho možností stylu. Ukázka možností vrstvy dlaždic je nástroj k jejich vyzkoušení. Zdrojový kód pro tuto ukázku najdete ve zdrojovém kódu Možnosti vrstvy dlaždic.

A screenshot of Tile Layer Options sample.

Další kroky

Další informace o třídách a metodách používaných v tomto článku:

Další ukázky kódu pro přidání do map najdete v následujících článcích: