topic WMTSLayer WKID in ArcGIS JavaScript Maps SDK Questions

WMTSLayer WKID

AdamMaps84 — Mon, 30 Oct 2017 03:38:07 GMT

I am trying a to add support of reading OGC services to a solution we are building, so the first guess is to use "esri/layers/WMTSLayer" class. First thing noticed is that the service is not an actual service, rather it is a directory of image/tiled services.
I encountered the following issues:
- the base map we are using "World_Imagery" has "102100" spatial reference wkid, while the #OGC service we are testing to use has spatial ref wkid "4326", which caused lot of JS errors from within the WMTSLayer api class

- i changed the scenario to use base map and OGC service with the same wkid, and the error disappeared and i can see both services on the map-view

Now I want to force limiting adding OGC services to the app unless the service has wkid identical to the base map's. The problem is that the WMTSLayer object that got filled after the layer is loaded has always wkid value of "4326", although I am using the service of wkid "3857" projection. Is there a way to get the correct WKID of the #WMTSLayer object?

Re: WMTSLayer WKID

DavidBlanchard — Wed, 15 Nov 2017 21:57:34 GMT

I believe you should be able to do a GetCapabilities operation on the WMTS service just like you can with a WMS service. If so, just get that data ahead of time before creating the layer in the ArcGIS API. You could then check the returned XML for the appropriate projection data. Spatial references are usually prefixed with "EPSG".

Re: WMTSLayer WKID

GregoryBologna — Tue, 22 Oct 2024 14:04:04 GMT

You can use esriRequest to get all the layers from capabilities meta.

require([ "esri/request" ], function(esriRequest) { const capabilitiesUrl = "https://svc.someservice.com/Image/FBA1F622-5FF3-56B2-CBB2-777AD52F0EC9/wmts?request=GetCapabilities"; // Fetch the WMTS capabilities esriRequest(capabilitiesUrl, { responseType: "text" }) .then(function(response) { // Parse the XML response const parser = new DOMParser(); const xmlDoc = parser.parseFromString(response.data, "application/xml"); const layers = xmlDoc.getElementsByTagName("Layer"); // Loop through each layer and extract details for (let i = 0; i < layers.length; i++) { const identifier = layers[i].getElementsByTagName("ows:Identifier")[0]?.textContent || "N/A"; const title = layers[i].getElementsByTagName("ows:Title")[0]?.textContent || "N/A"; const abstractText = layers[i].getElementsByTagName("ows:Abstract")[0]?.textContent || "N/A"; console.log(`Layer Identifier: ${identifier}, Title: ${title}, Abstract: ${abstractText}`); } }) .catch(function(err) { console.error("Error fetching WMTS capabilities: ", err); }); });