Dela via


Lägga till ett panelskikt till en karta

Den här artikeln visar hur du lägger över ett panelskikt på kartan. Med panelskikt kan du lägga över bilder ovanpå Azure Kartor baskartpaneler. Mer information om Azure Kartor plattsättningssystem finns i Zooma nivåer och rutnät för paneler.

Ett panellager läses in i paneler från en server. Dessa bilder kan antingen återges i förväg eller dynamiskt. Förrenderade bilder lagras som alla andra avbildningar på en server med hjälp av en namngivningskonvention som panellagret förstår. Dynamiskt renderade bilder använder en tjänst för att läsa in bilderna nära realtid. Det finns tre olika namngivningskonventioner för paneltjänster som stöds av klassen Azure Kartor TileLayer:

  • X, Y, Zoom notation – X är kolumnen, Y är radpositionen för panelen i panelrutnätet och Zooma notation ett värde baserat på zoomnivån.
  • Quadkey-notation – Kombinerar x, y och zoominformation till ett enda strängvärde. Det här strängvärdet blir en unik identifierare för en enskild panel.
  • Avgränsningsruta – Ange en bild i koordinaterna för avgränsningsrutan: {west},{south},{east},{north}. Det här formatet används ofta av webmappningstjänster (WMS).

Dricks

En TileLayer är ett bra sätt att visualisera stora datamängder på kartan. Ett panelskikt kan inte bara genereras från en bild, vektordata kan också återges som ett panelskikt. Genom att återge vektordata som ett panelskikt behöver kartkontrollen bara läsa in panelerna som är mindre i filstorlek än de vektordata som de representerar. Den här tekniken används ofta för att återge miljontals rader med data på kartan.

Panel-URL:en som skickas till ett panellager måste vara en http- eller https-URL till en TileJSON-resurs eller en url-mall för paneler som använder följande parametrar:

  • {x} - X-placeringen av panelen. {y} Behöver också och {z}.
  • {y} - Y position av panelen. {x} Behöver också och {z}.
  • {z} - Zooma panelens nivå. {x} Behöver också och {y}.
  • {quadkey}– Klinker-quadkey-identifierare baserat på namngivningskonventionen för Bing-Kartor-panelsystem.
  • {bbox-epsg-3857} – En avgränsningsrutesträng med formatet {west},{south},{east},{north} i EPSG 3857 Spatial Reference System.
  • {subdomain} – En platshållare för underdomänvärdena, om den anges, läggs den subdomain till.
  • {azMapsDomain} – En platshållare för att justera domänen och autentiseringen av panelbegäranden med samma värden som används av kartan.

Lägga till ett panelskikt

Det här exemplet visar hur du skapar ett panellager som pekar på en uppsättning paneler. Det här exemplet använder x, y, zoom tiling system. Källan till det här panelskiktet är Projektet OpenSeaMap, som innehåller nautiska publikdiagram. Helst skulle användarna tydligt se etiketterna för städer när de navigerar på kartan när de visar radardata. Det här beteendet kan implementeras genom att infoga panelskiktet under labels lagret.

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

Ett fullständigt funktionellt exempel som visar hur du skapar ett panellager som pekar på en uppsättning paneler med hjälp av x-, y-, zoom-tiling-systemet, finns i panelskiktet med X, Y och Z i Azure Kartor Samples. Källan till panelskiktet i det här exemplet är ett nautiskt diagram från OpenSeaMap-projektet, ett OpenStreet Kartor-projekt licensierat under ODbL. Källkoden för det här exemplet finns i Panelskikt med X-, Y- och Z-källkod.

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.

Lägga till en OGC-webbmappningstjänst (WMS)

En webbmappningstjänst (WMTS) är en OGC-standard (Open Geospatial Consortium) för att hantera bilder av kartdata. Det finns många öppna datauppsättningar i det här formatet som du kan använda med Azure Kartor. Den här typen av tjänst kan användas med ett panellager om tjänsten stöder EPSG:3857 referenssystemet för koordinater (CRS). När du använder en WMS-tjänst anger du bredd- och höjdparametrarna till det värde som stöds av tjänsten. Se till att ange det här värdet i tileSize alternativet . I den formaterade URL:en anger du parametern BBOX för tjänsten med {bbox-epsg-3857} platshållaren.

Ett fullständigt funktionellt exempel som visar hur du skapar ett panelskikt som pekar på en webbmappningstjänst (WMS) finns i exemplet wms-panelskikt i Azure Kartor Samples. Källkoden för det här exemplet finns i WMS Tile Layer-källkoden.

Följande skärmbild visar EXEMPLET WMS Tile Layer som överlagrar en webbmappningstjänst med geologiska data från USGS (U.S. Geological Survey) ovanpå kartan och under etiketterna.

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

Lägga till en OGC-webbmappningspaneltjänst (WMTS)

En webbmappningstjänst (WMTS) är en OGC-standard (Open Geospatial Consortium) för servering av tillagda överlägg för kartor. Det finns många öppna datauppsättningar i det här formatet som du kan använda med Azure Kartor. Den här typen av tjänst kan användas med ett panellager om tjänsten stöder EPSG:3857 referenssystemet eller GoogleMapsCompatible koordinaten (CRS). När du använder en WMTS-tjänst anger du bredd- och höjdparametrarna till samma värde som stöds av tjänsten. Se till att även ange det här värdet i tileSize alternativet. I den formaterade URL:en ersätter du följande platshållare i enlighet med detta:

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

Ett fullständigt funktionellt exempel som visar hur du skapar ett panellager som pekar på en tjänst för webbmappningspanel (WMTS) finns i exemplet wmts-panelskikt i Azure Kartor-exempel. Källkoden för det här exemplet finns i WMTS Tile Layer-källkoden.

Följande skärmbild visar exemplet WMTS Tile Layer som lägger över en webbmappningspaneltjänst för bilder från USGS National Map (U.S. Geological Survey) ovanpå en karta, under vägar och etiketter.

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

Anpassa ett panellager

Klassen panelskikt har många formateringsalternativ. Exempel på alternativ för panelskikt är ett verktyg för att testa dem. Källkoden för det här exemplet finns i Panellageralternativ källkod.

A screenshot of Tile Layer Options sample.

Nästa steg

Läs mer om de klasser och metoder som används i den här artikeln:

I följande artiklar finns fler kodexempel att lägga till i dina kartor: