Skip To Content ArcGIS for Developers Sign In Dashboard

ArcGIS Runtime SDK for Qt

WMTS layer

Sample Viewer View Sample on GitHub

Display a layer from a Web Map Tile Service.

Use case

WMTS services can have several layers. You can use Runtime to explore the layers available from a service. This would commonly be used to enable a browsing experience where users can choose which layers they want to display at run time.

How to use the sample

The layer will be displayed automatically. Use the buttons to choose a different method of loading the layer.

How it works

To display a WMTS layer directly from a URL:

  1. Create a WmtsService object using the URL of the WMTS service.
  2. Create a WmtsLayer object with the ID of the layer to display.

To explore layers from a WMTS service:

  1. Create a WmtsService object using the URL of the WMTS service.
  2. After loading the WMTS service, get the list of WmtsLayerInfo objects from the service info of the WMTS service.
  3. Use one of the layer infos to create the WMTS layer.
  4. Create a basemap with the WMTS layer and set it to the map.

Relevant API

  • WmtsLayer
  • WmtsLayerInfo
  • WmtsService
  • WmtsServiceInfo

About the data

The map visualizes world time zones.

Tags

layer, OGC, raster, tiled, web map tile service

Sample Code

import QtQuick 2.6
import Esri.ArcGISRuntime 100.9

Rectangle {
    id: rootRectangle
    clip: true
    width: 800
    height: 600

    readonly property url wmtsServiceUrl: "https://sampleserver6.arcgisonline.com/arcgis/rest/services/WorldTimeZones/MapServer/WMTS"
    property WmtsService service;

    MapView {
        id: mapView
        anchors.fill: parent

        Component.onCompleted: createWmtsLayer();
    }

    function createWmtsLayer() {
        // create the service
        service = ArcGISRuntimeEnvironment.createObject("WmtsService", { url: wmtsServiceUrl });

        // connect to loadStatusChanged signal of the service
        service.loadStatusChanged.connect(()=> {
            if (service.loadStatus === Enums.LoadStatusLoaded) {
                // get the layer info list
                const serviceInfo = service.serviceInfo;
                const layerInfos = serviceInfo.layerInfos;
                // get the first layer id from the list
                const layerId = layerInfos[0].wmtsLayerId;
                // create WMTS layer
                const wmtsLayer = ArcGISRuntimeEnvironment.createObject("WmtsLayer", {
                                                                            url: wmtsServiceUrl,
                                                                            layerId: layerId
                                                                        });
                // create a basemap from the layer
                const basemap = ArcGISRuntimeEnvironment.createObject("Basemap");
                basemap.baseLayers.append(wmtsLayer);
                // create a map
                const map = ArcGISRuntimeEnvironment.createObject("Map", {
                                                                      basemap: basemap
                                                                  });
                // set the map on the mapview
                mapView.map = map;
            }
        });

        // load the service
        service.load();
    }
}