Merge pull request #342 from bbinet/wmts

Add WMTS support.

src/ol/coordinate.exports

@@ -1,2 +1,5 @@
 @exportSymbol ol.Coordinate
-@exportProperty ol.Coordinate.toStringHDMS
+@exportSymbol ol.Coordinate.createStringXY
+@exportSymbol ol.Coordinate.toStringHDMS
+@exportSymbol ol.Coordinate.toStringXY
+@exportSymbol ol.Coordinate.fromProjectedArray

src/ol/extent.exports

@@ -1,3 +1,11 @@
 @exportSymbol ol.Extent
+@exportProperty ol.Extent.prototype.getCenter
 @exportProperty ol.Extent.prototype.getHeight
 @exportProperty ol.Extent.prototype.getWidth
+@exportProperty ol.Extent.prototype.containsCoordinate
+@exportProperty ol.Extent.prototype.containsExtent
+@exportProperty ol.Extent.prototype.getBottomLeft
+@exportProperty ol.Extent.prototype.getBottomRight
+@exportProperty ol.Extent.prototype.getTopLeft
+@exportProperty ol.Extent.prototype.getTopRight
+@exportProperty ol.Extent.prototype.transform

src/ol/parser/ogc/wmtscapabilities_v1_0_0.js

@@ -67,7 +67,7 @@ ol.parser.ogc.WMTSCapabilities_v1_0_0 = function() {
       },
       'TileMatrix': function(node, obj) {
         var tileMatrix = {
-          'supportedCRS': obj.supportedCRS
+          'supportedCRS': obj['supportedCRS']
         };
         this.readChildNodes(node, tileMatrix);
         obj['matrixIds'].push(tileMatrix);

src/ol/source/wmtssource.exports

@@ -0,0 +1,2 @@
+@exportClass ol.source.WMTS ol.source.WMTSOptions
+@exportSymbol ol.source.WMTS.optionsFromCapabilities

src/ol/source/wmtssource.js

@@ -0,0 +1,260 @@
+goog.provide('ol.source.WMTS');
+goog.provide('ol.source.WMTSRequestEncoding');
+
+goog.require('ol.Attribution');
+goog.require('ol.Extent');
+goog.require('ol.Projection');
+goog.require('ol.TileCoord');
+goog.require('ol.TileUrlFunction');
+goog.require('ol.TileUrlFunctionType');
+goog.require('ol.projection');
+goog.require('ol.source.ImageTileSource');
+goog.require('ol.tilegrid.WMTS');
+
+
+/**
+ * @enum {string}
+ */
+ol.source.WMTSRequestEncoding = {
+  KVP: 'KVP',  // see spec §8
+  REST: 'REST' // see spec §10
+};
+
+
+
+/**
+ * @constructor
+ * @extends {ol.source.ImageTileSource}
+ * @param {ol.source.WMTSOptions} wmtsOptions WMTS options.
+ */
+ol.source.WMTS = function(wmtsOptions) {
+
+  // TODO: add support for TileMatrixLimits
+
+  var version = goog.isDef(wmtsOptions.version) ?
+      wmtsOptions.version : '1.0.0';
+  var format = goog.isDef(wmtsOptions.format) ?
+      wmtsOptions.format : 'image/jpeg';
+  var dimensions = wmtsOptions.dimensions || {};
+
+  // FIXME: should we guess this requestEncoding from wmtsOptions.url(s)
+  //        structure? that would mean KVP only if a template is not provided.
+  var requestEncoding = goog.isDef(wmtsOptions.requestEncoding) ?
+      wmtsOptions.requestEncoding : ol.source.WMTSRequestEncoding.KVP;
+
+  // FIXME: should we create a default tileGrid?
+  // we could issue a getCapabilities xhr to retrieve missing configuration
+  var tileGrid = wmtsOptions.tileGrid;
+
+  var context = {
+    'Layer': wmtsOptions.layer,
+    'style': wmtsOptions.style,
+    'TileMatrixSet': wmtsOptions.matrixSet
+  };
+  goog.object.extend(context, dimensions);
+  var kvpParams;
+  if (requestEncoding == ol.source.WMTSRequestEncoding.KVP) {
+    kvpParams = {
+      'Service': 'WMTS',
+      'Request': 'GetTile',
+      'Version': version,
+      'Format': format,
+      'TileMatrix': '{TileMatrix}',
+      'TileRow': '{TileRow}',
+      'TileCol': '{TileCol}'
+    };
+    goog.object.extend(kvpParams, context);
+  }
+
+  // TODO: factorize the code below so that it is usable by all sources
+  var urls = wmtsOptions.urls;
+  if (!goog.isDef(urls)) {
+    urls = [];
+    var url = wmtsOptions.url;
+    goog.asserts.assert(goog.isDef(url));
+    var match = /\{(\d)-(\d)\}/.exec(url) || /\{([a-z])-([a-z])\}/.exec(url);
+    if (match) {
+      var startCharCode = match[1].charCodeAt(0);
+      var stopCharCode = match[2].charCodeAt(0);
+      var charCode;
+      for (charCode = startCharCode; charCode <= stopCharCode; ++charCode) {
+        urls.push(url.replace(match[0], String.fromCharCode(charCode)));
+      }
+    } else {
+      urls.push(url);
+    }
+  }
+
+  /**
+   * @param {string} template Template.
+   * @return {ol.TileUrlFunctionType} Tile URL function.
+   */
+  function createFromWMTSTemplate(template) {
+    return function(tileCoord) {
+      if (goog.isNull(tileCoord)) {
+        return undefined;
+      } else {
+        var localContext = {
+          'TileMatrix': tileGrid.getMatrixId(tileCoord.z),
+          'TileCol': tileCoord.x,
+          'TileRow': tileCoord.y
+        };
+        if (requestEncoding != ol.source.WMTSRequestEncoding.KVP) {
+          goog.object.extend(localContext, context);
+        }
+        var url = template;
+        for (var key in localContext) {
+          // FIXME: should we filter properties with hasOwnProperty?
+          url = url.replace('{' + key + '}', localContext[key])
+              .replace('%7B' + key + '%7D', localContext[key]);
+        }
+        return url;
+      }
+    };
+  }
+
+  var tileUrlFunction = ol.TileUrlFunction.createFromTileUrlFunctions(
+      goog.array.map(urls, function(url) {
+        if (goog.isDef(kvpParams)) {
+          // TODO: we may want to create our own appendParams function
+          // so that params order conforms to wmts spec guidance,
+          // and so that we can avoid to escape special template params
+          url = goog.uri.utils.appendParamsFromMap(url, kvpParams);
+        }
+        return createFromWMTSTemplate(url);
+      }));
+
+  tileUrlFunction = ol.TileUrlFunction.withTileCoordTransform(
+      function(tileCoord, tileGrid, projection) {
+        if (tileGrid.getResolutions().length <= tileCoord.z) {
+          return null;
+        }
+        var x = tileCoord.x;
+        var y = -tileCoord.y - 1;
+        var tileExtent = tileGrid.getTileCoordExtent(tileCoord);
+        var projectionExtent = projection.getExtent();
+        var extent = goog.isDef(wmtsOptions.extent) ?
+            wmtsOptions.extent : projectionExtent;
+
+        if (!goog.isNull(extent) && projection.isGlobal() &&
+            extent.minX === projectionExtent.minX &&
+            extent.maxX === projectionExtent.maxX) {
+          var numCols = Math.ceil(
+              (extent.maxX - extent.minX) /
+              (tileExtent.maxX - tileExtent.minX));
+          x = goog.math.modulo(x, numCols);
+          tileExtent = tileGrid.getTileCoordExtent(
+              new ol.TileCoord(tileCoord.z, x, tileCoord.y));
+        }
+        if (!tileExtent.intersects(extent)) {
+          return null;
+        }
+        return new ol.TileCoord(tileCoord.z, x, y);
+      },
+      tileUrlFunction);
+
+  goog.base(this, {
+    attributions: wmtsOptions.attributions,
+    crossOrigin: wmtsOptions.crossOrigin,
+    extent: wmtsOptions.extent,
+    projection: wmtsOptions.projection,
+    tileGrid: tileGrid,
+    tileUrlFunction: tileUrlFunction
+  });
+
+};
+goog.inherits(ol.source.WMTS, ol.source.ImageTileSource);
+
+
+/**
+ * @param {Object} wmtsCap An object representing the capabilities document.
+ * @param {string} layer The layer identifier.
+ * @return {ol.source.WMTSOptions} WMTS source options object.
+ */
+ol.source.WMTS.optionsFromCapabilities = function(wmtsCap, layer) {
+
+  // TODO: add support for TileMatrixLimits
+
+  var layers = wmtsCap['contents']['layers'];
+  var l = goog.array.find(layers, function(elt, index, array) {
+    return elt['identifier'] == layer;
+  });
+  goog.asserts.assert(!goog.isNull(l));
+  goog.asserts.assert(l['tileMatrixSetLinks'].length > 0);
+  var matrixSet = /** @type {string} */
+      (l['tileMatrixSetLinks'][0]['tileMatrixSet']);
+  var format = /** @type {string} */ (l['formats'][0]);
+  var idx = goog.array.findIndex(l['styles'], function(elt, index, array) {
+    return elt['isDefault'];
+  });
+  if (idx < 0) {
+    idx = 0;
+  }
+  var style = /** @type {string} */ (l['styles'][idx]['identifier']);
+
+  var dimensions = {};
+  goog.array.forEach(l['dimensions'], function(elt, index, array) {
+    var key = elt['identifier'];
+    var value = elt['default'];
+    if (goog.isDef(value)) {
+      goog.asserts.assert(goog.array.indexOf(elt['values'], value) >= 0);
+    } else {
+      value = elt['values'][0];
+    }
+    goog.asserts.assert(goog.isDef(value));
+    dimensions[key] = value;
+  });
+
+  var matrixSets = wmtsCap['contents']['tileMatrixSets'];
+  goog.asserts.assert(matrixSet in matrixSets);
+  var matrixSetObj = matrixSets[matrixSet];
+
+  var tileGrid = ol.tilegrid.WMTS.createFromCapabilitiesMatrixSet(
+      matrixSetObj);
+
+  var projection = ol.projection.get(matrixSetObj['supportedCRS']);
+
+  var gets = wmtsCap['operationsMetadata']['GetTile']['dcp']['http']['get'];
+  var encodings = goog.object.getKeys(
+      gets[0]['constraints']['GetEncoding']['allowedValues']);
+  goog.asserts.assert(encodings.length > 0);
+  var requestEncoding = /** @type {ol.source.WMTSRequestEncoding} */
+      (encodings[0]);
+  // TODO: arcgis support, quote from ol2:
+  // The OGC documentation is not clear if we should use REST or RESTful,
+  // ArcGis use RESTful, and OpenLayers use REST.
+
+  var urls;
+  switch (requestEncoding) {
+    case ol.source.WMTSRequestEncoding.REST:
+      goog.asserts.assert(l['resourceUrls'].hasOwnProperty('tile'));
+      goog.asserts.assert(l['resourceUrls']['tile'].hasOwnProperty(format));
+      urls = /** @type {Array.<string>} */
+          (l['resourceUrls']['tile'][format]);
+      break;
+    case ol.source.WMTSRequestEncoding.KVP:
+      urls = [];
+      goog.array.forEach(gets, function(elt, index, array) {
+        if (elt['constraints']['GetEncoding']['allowedValues'].hasOwnProperty(
+            ol.source.WMTSRequestEncoding.KVP)) {
+          urls.push(/** @type {string} */ (elt['url']));
+        }
+      });
+      goog.asserts.assert(urls.length > 0);
+      break;
+    default:
+      goog.asserts.assert(false);
+  }
+
+  return {
+    urls: urls,
+    layer: layer,
+    matrixSet: matrixSet,
+    format: format,
+    projection: projection,
+    requestEncoding: requestEncoding,
+    tileGrid: tileGrid,
+    style: style,
+    dimensions: dimensions
+  };
+};

src/ol/tilegrid/wmtstilegrid.exports

@@ -0,0 +1 @@
+@exportClass ol.tilegrid.WMTS ol.tilegrid.WMTSOptions

src/ol/tilegrid/wmtstilegrid.js

@@ -0,0 +1,83 @@
+goog.provide('ol.tilegrid.WMTS');
+
+goog.require('ol.Size');
+goog.require('ol.projection');
+goog.require('ol.tilegrid.TileGrid');
+
+
+
+/**
+ * @constructor
+ * @extends {ol.tilegrid.TileGrid}
+ * @param {ol.tilegrid.WMTSOptions} wmtsOptions WMTS options.
+ */
+ol.tilegrid.WMTS = function(wmtsOptions) {
+
+  goog.asserts.assert(
+      wmtsOptions.resolutions.length == wmtsOptions.matrixIds.length);
+
+  /**
+   * @private
+   * @type {!Array.<string>}
+   */
+  this.matrixIds_ = wmtsOptions.matrixIds;
+  // FIXME: should the matrixIds become optionnal?
+
+  goog.base(this, {
+    origin: wmtsOptions.origin,
+    origins: wmtsOptions.origins,
+    resolutions: wmtsOptions.resolutions,
+    tileSize: wmtsOptions.tileSize,
+    tileSizes: wmtsOptions.tileSizes
+  });
+
+};
+goog.inherits(ol.tilegrid.WMTS, ol.tilegrid.TileGrid);
+
+
+/**
+ * @param {number} z Z.
+ * @return {string} MatrixId..
+ */
+ol.tilegrid.WMTS.prototype.getMatrixId = function(z) {
+  goog.asserts.assert(0 <= z && z < this.matrixIds_.length);
+  return this.matrixIds_[z];
+};
+
+
+/**
+ * @return {Array.<string>} MatrixIds.
+ */
+ol.tilegrid.WMTS.prototype.getMatrixIds = function() {
+  return this.matrixIds_;
+};
+
+
+/**
+ * @param {Object} matrixSet An object representing a matrixSet in the
+ *     capabilities document.
+ * @return {ol.tilegrid.WMTS} WMTS tileGrid instance.
+ */
+ol.tilegrid.WMTS.createFromCapabilitiesMatrixSet =
+    function(matrixSet) {
+
+  var resolutions = [];
+  var matrixIds = [];
+  var origins = [];
+  var tileSizes = [];
+  var projection = ol.projection.get(matrixSet['supportedCRS']);
+  var metersPerUnit = projection.getMetersPerUnit();
+  goog.array.forEach(matrixSet['matrixIds'], function(elt, index, array) {
+    matrixIds.push(elt['identifier']);
+    origins.push(elt['topLeftCorner']);
+    resolutions.push(elt['scaleDenominator'] * 0.28E-3 / metersPerUnit);
+    tileSizes.push(new ol.Size(elt['tileWidth'], elt['tileHeight']));
+  });
+
+  return new ol.tilegrid.WMTS({
+    origins: origins,
+    resolutions: resolutions,
+    matrixIds: matrixIds,
+    tileSizes: tileSizes
+  });
+};

src/ol/tileurlfunction.js

@@ -60,6 +60,9 @@ ol.TileUrlFunction.createFromTemplates = function(templates) {
  * @return {ol.TileUrlFunctionType} Tile URL function.
  */
 ol.TileUrlFunction.createFromTileUrlFunctions = function(tileUrlFunctions) {
+  if (tileUrlFunctions.length === 1) {
+    return tileUrlFunctions[0];
+  }
   return function(tileCoord, tileGrid, projection) {
     if (goog.isNull(tileCoord)) {
       return undefined;