Add WMTS Layers with API JS 3

Question

Hi,

As part of a GIS web application, using the ArcGIS API for JavaScript version 3.19, I would like to add a WMTS Layer.

For this, I copied the code provided by the documentation : documentation. https://developers.arcgis.com/javascript/3/jssamples/layers_wmtslayer.html

url = "https://wxs.ign.fr/parcellaire/geoportail/wmts?service=WMTS&REQUEST=GetCapabilities"
var layerInfo = new esri.layers.WMTSLayerInfo({
	identifier: "PCI",
});
layerIndex = 1;
var options = {
	layerInfo: layerInfo
};

layer = new esri.layers.WMTSLayer(url, options);
this.map.addLayer(layer, layerIndex);

But the addition in the map does not go well. I get an error

The WMTS capabilities XML is not valid.

Looking more closely at the GetCapabilities request, I observe that in the url, the end "/1.0.0/GetCapabilities.xml" seems to be extra.

Is there a way to not have this addition, to no longer encounter this problem?

Bertrand_Laurancin · Answer

The scales are defined here :

https://geoservices.ign.fr/documentation/services/api-et-services-ogc/images-tuilees-wmts-ogc

echelles.JPG

QuickReport_settings.png

Bertrand_Laurancin · Answer

Or like this : https://codepen.io/blaurancin/pen/VwxNPgW Add WMTS Layer

Bertrand_Laurancin · Answer

Hello, It works like this : https://codepen.io/blaurancin/pen/abGeWZJ Add WMTS Layer