WMTS Capabilities Parsing

This example uses OpenLayers v4.0.1. The latest is v.

#### WMTS Capabilities Parsing

Example of parsing a WMTS GetCapabilities response.

This example shows the contents of the result object from parsing a WMTS capabilities response.

Related API documentation:

- ol.format.WMTSCapabilities

Copy Edit
WMTS Capabilities Parsing Example of parsing a WMTS GetCapabilities response. var parser = new ol.format.WMTSCapabilities(); fetch('https://openlayers.org/en/v4.0.1/examples/data/WMTSCapabilities.xml').then(function(response) { return response.text(); }).then(function(text) { var result = parser.read(text); document.getElementById('log').innerText = JSON.stringify(result, null, 2); }); .log-container { height: 400px; overflow: scroll; } <pre class="log-container"><code id="log"></code></pre>

    <!DOCTYPE html>
    <html>
      <head>
        <title>WMTS Capabilities Parsing</title>
        <link rel="stylesheet" href="https://openlayers.org/en/v4.0.1/css/ol.css" type="text/css">
        <!-- The line below is only needed for old environments like Internet Explorer and Android 4.x -->
        <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL"></script>
        <script src="https://openlayers.org/en/v4.0.1/build/ol.js"></script>
        <style>
          .log-container {
            height: 400px;
            overflow: scroll;
          }
        </style>
      </head>
      <body>
        <pre class="log-container"><code id="log"></code></pre>
        <script>
          var parser = new ol.format.WMTSCapabilities();

          fetch('https://openlayers.org/en/v4.0.1/examples/data/WMTSCapabilities.xml').then(function(response) {
            return response.text();
          }).then(function(text) {
            var result = parser.read(text);
            document.getElementById('log').innerText = JSON.stringify(result, null, 2);
          });
        </script>
      </body>
    </html>