Basemap for British National Grid

Question

I've been asked to display all maps as British National Grid. I have managed get this working using the OS Open Raster REST service and using some example code found here: https://codepen.io/digz6666/pen/wPwPbW We subscribe to ViaEuropa, we have access to more detailed master maps. There documentations is here: WMTS | viaEuropa Documentation I'm trying to use this service on my map, but i'm not sure how. When i try updating the code above from codepen with the following (substituting my details in the curly brackets) url https://tile.viaeuropa.uk.com/{id}/{map}/wmts/1.0.0/WMTSCapabilities.xml the map doesn't load. Are they supplying basemaps or layers? This is the xml response i see when i view WMTSCapabilities.xml in the browser. How do i use this data with arcgis js api 3.29? This XML file does not appear to have any style information associated with it. The document tree is shown below. <Capabilities xmlns="http://www.opengis.net/wmts/1.0" xmlns:ows="http://www.opengis.net/ows/1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:gml="http://www.opengis.net/gml" xsi:schemaLocation="http://www.opengis.net/wmts/1.0 http://schemas.opengis.net/wmts/1.0/wmtsGetCapabilities_response.xsd" version="1.0.0"> <ows:ServiceIdentification> <ows:Title>viaEuropa WMTS (m0105)ows:Title> <ows:Abstract xml:lang="en"> viaEuropa WMTS from Europa Technologies. https://www.europa.uk.com ows:Abstract> <ows:ServiceType>OGC WMTSows:ServiceType> <ows:ServiceTypeVersion>1.0.0ows:ServiceTypeVersion> ows:ServiceIdentification> <ows:ServiceProvider> <ows:ProviderName>Europa Technologies Ltd.ows:ProviderName> <ows:ProviderSite xlink:href="https://www.europa.uk.com"/> ows:ServiceProvider> <ows:OperationsMetadata> <ows:Operation name="GetCapabilities"> <ows:DCP> <ows:HTTP> <ows:Get xlink:href="https://tile.publicsectormapping.gov.scot/*REDACTED*/m0105/wmts/1.0.0/WMTSCapabilities.xml"> <ows:Constraint name="GetEncoding"> <ows:AllowedValues> <ows:Value>RESTfulows:Value> ows:AllowedValues> ows:Constraint> ows:Get> <ows:Get xlink:href="https://tile.publicsectormapping.gov.scot/*REDACTED*/m0105/wmts?"> <ows:Constraint name="GetEncoding"> <ows:AllowedValues> <ows:Value>KVPows:Value> ows:AllowedValues> ows:Constraint> ows:Get> ows:HTTP> ows:DCP> ows:Operation> <ows:Operation name="GetTile"> <ows:DCP> <ows:HTTP> <ows:Get xlink:href="https://tile.publicsectormapping.gov.scot/*REDACTED*/m0105/"> <ows:Constraint name="GetEncoding"> <ows:AllowedValues> <ows:Value>RESTfulows:Value> ows:AllowedValues> ows:Constraint> ows:Get> <ows:Get xlink:href="https://tile.publicsectormapping.gov.scot/*REDACTED*/m0105/wmts?"> <ows:Constraint name="GetEncoding"> <ows:AllowedValues> <ows:Value>KVPows:Value> ows:AllowedValues> ows:Constraint> ows:Get> ows:HTTP> ows:DCP> ows:Operation> ows:OperationsMetadata> <Contents> <Layer> <ows:Title> m0105 - Ordnance Survey (GB) premium raster stack to MM Topo (BNG) ows:Title> <ows:Identifier>viaEuropa_m0105ows:Identifier> <ows:WGS84BoundingBox crs="urn:ogc:def:crs:OGC:2:84"> <ows:LowerCorner>-10.0 49.6ows:LowerCorner> <ows:UpperCorner>4.55 62.7ows:UpperCorner> ows:WGS84BoundingBox> <ows:BoundingBox crs="urn:ogc:def:crs:EPSG::27700"> <ows:LowerCorner>0 0ows:LowerCorner> <ows:UpperCorner>700000 1300000ows:UpperCorner> ows:BoundingBox> <Style isDefault="true"> <ows:Identifier>defaultows:Identifier> Style> <Format>image/pngFormat> <TileMatrixSetLink> <TileMatrixSet>BNGCompatibleTileMatrixSet> TileMatrixSetLink> <ResourceURL format="image/png" resourceType="tile" template="https://tile.publicsectormapping.gov.scot/*REDACTED*/m0105/wmts/tile_inv/{TileMatrix}/{TileCol}/{TileRow}.png"/> Layer> <TileMatrixSet> <ows:Title>BritishNationalGridCompatibleows:Title> <ows:Abstract>British National Grid tile matrix setows:Abstract> <ows:Identifier>BNGCompatibleows:Identifier> <ows:SupportedCRS>urn:ogc:def:crs:EPSG::27700ows:SupportedCRS> <TileMatrix> <ows:Identifier>0ows:Identifier> <ScaleDenominator>10000000ScaleDenominator> <TopLeftCorner>0 1433600TopLeftCorner> <TileWidth>256TileWidth> <TileHeight>256TileHeight> <MatrixWidth>1MatrixWidth> <MatrixHeight>2MatrixHeight> TileMatrix> <TileMatrix> <ows:Identifier>1ows:Identifier> <ScaleDenominator>5000000ScaleDenominator> <TopLeftCorner>0 1433600TopLeftCorner> <TileWidth>256TileWidth> <TileHeight>256TileHeight> <MatrixWidth>2MatrixWidth> <MatrixHeight>4MatrixHeight> TileMatrix> <TileMatrix> <ows:Identifier>2ows:Identifier> <ScaleDenominator>2500000ScaleDenominator> <TopLeftCorner>0 1433600TopLeftCorner> <TileWidth>256TileWidth> <TileHeight>256TileHeight> <MatrixWidth>4MatrixWidth> <MatrixHeight>8MatrixHeight> TileMatrix> <TileMatrix> <ows:Identifier>3ows:Identifier> <ScaleDenominator>1000000ScaleDenominator> <TopLeftCorner>0 1433600TopLeftCorner> <TileWidth>256TileWidth> <TileHeight>256TileHeight> <MatrixWidth>10MatrixWidth> <MatrixHeight>20MatrixHeight> TileMatrix> <TileMatrix> <ows:Identifier>4ows:Identifier> <ScaleDenominator>500000ScaleDenominator> <TopLeftCorner>0 1433600TopLeftCorner> <TileWidth>256TileWidth> <TileHeight>256TileHeight> <MatrixWidth>20MatrixWidth> <MatrixHeight>40MatrixHeight> TileMatrix> <TileMatrix> <ows:Identifier>5ows:Identifier> <ScaleDenominator>250000ScaleDenominator> <TopLeftCorner>0 1433600TopLeftCorner> <TileWidth>256TileWidth> <TileHeight>256TileHeight> <MatrixWidth>40MatrixWidth> <MatrixHeight>80MatrixHeight> TileMatrix> <TileMatrix> <ows:Identifier>6ows:Identifier> <ScaleDenominator>100000ScaleDenominator> <TopLeftCorner>0 1433600TopLeftCorner> <TileWidth>256TileWidth> <TileHeight>256TileHeight> <MatrixWidth>100MatrixWidth> <MatrixHeight>200MatrixHeight> TileMatrix> <TileMatrix> <ows:Identifier>7ows:Identifier> <ScaleDenominator>75000ScaleDenominator> <TopLeftCorner>0 1430016TopLeftCorner> <TileWidth>256TileWidth> <TileHeight>256TileHeight> <MatrixWidth>133MatrixWidth> <MatrixHeight>266MatrixHeight> TileMatrix> <TileMatrix> <ows:Identifier>8ows:Identifier> <ScaleDenominator>50000ScaleDenominator> <TopLeftCorner>0 1433600TopLeftCorner> <TileWidth>256TileWidth> <TileHeight>256TileHeight> <MatrixWidth>200MatrixWidth> <MatrixHeight>400MatrixHeight> TileMatrix> <TileMatrix> <ows:Identifier>9ows:Identifier> <ScaleDenominator>25000ScaleDenominator> <TopLeftCorner>0 1433600TopLeftCorner> <TileWidth>256TileWidth> <TileHeight>256TileHeight> <MatrixWidth>400MatrixWidth> <MatrixHeight>800MatrixHeight> TileMatrix> <TileMatrix> <ows:Identifier>10ows:Identifier> <ScaleDenominator>10000ScaleDenominator> <TopLeftCorner>0 1433600TopLeftCorner> <TileWidth>256TileWidth> <TileHeight>256TileHeight> <MatrixWidth>1000MatrixWidth> <MatrixHeight>2000MatrixHeight> TileMatrix> <TileMatrix> <ows:Identifier>11ows:Identifier> <ScaleDenominator>5000ScaleDenominator> <TopLeftCorner>0 1433600TopLeftCorner> <TileWidth>256TileWidth> <TileHeight>256TileHeight> <MatrixWidth>2000MatrixWidth> <MatrixHeight>4000MatrixHeight> TileMatrix> <TileMatrix> <ows:Identifier>12ows:Identifier> <ScaleDenominator>2500ScaleDenominator> <TopLeftCorner>0 1433600TopLeftCorner> <TileWidth>256TileWidth> <TileHeight>256TileHeight> <MatrixWidth>4000MatrixWidth> <MatrixHeight>8000MatrixHeight> TileMatrix> <TileMatrix> <ows:Identifier>13ows:Identifier> <ScaleDenominator>1250ScaleDenominator> <TopLeftCorner>0 1433600TopLeftCorner> <TileWidth>256TileWidth> <TileHeight>256TileHeight> <MatrixWidth>8000MatrixWidth> <MatrixHeight>16000MatrixHeight> TileMatrix> <TileMatrix> <ows:Identifier>14ows:Identifier> <ScaleDenominator>625ScaleDenominator> <TopLeftCorner>0 1433600TopLeftCorner> <TileWidth>256TileWidth> <TileHeight>256TileHeight> <MatrixWidth>16000MatrixWidth> <MatrixHeight>32000MatrixHeight> TileMatrix> <TileMatrix> <ows:Identifier>15ows:Identifier> <ScaleDenominator>312.5ScaleDenominator> <TopLeftCorner>0 1433600TopLeftCorner> <TileWidth>256TileWidth> <TileHeight>256TileHeight> <MatrixWidth>32000MatrixWidth> <MatrixHeight>64000MatrixHeight> TileMatrix> TileMatrixSet> Contents> <ServiceMetadataURL xlink:href="https://tile.publicsectormapping.gov.scot/*REDACTED*/m0105/wmts/1.0.0/WMTSCapabilities.xml"/> Capabilities>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Egge-Jan_Pollé · Answer

Hi Scott Wilson,

Did you have a look at this one?

WMTS layer | ArcGIS API for JavaScript 3.31

HTH,

Egge-Jan