Demonstrates displaying IGN (France) WMTS layers.
+In this example two IGN WMTS layers are displayed: Ortho imagery and Cadastral parcels.. + For more information on IGN's WMTS service see the + IGN Géoportail API web page (french).
+See the wmts-ign.js source to see how this is done.
+');
+
+ var sourceOptions;
+ var source;
+ var layer;
+ var i;
+
+ for (i = 0; i < layerIdentifiers.length; ++i) {
+ sourceOptions = ol.source.WMTS.optionsFromCapabilities(
+ capabilities, layerIdentifiers[i]);
+ // we need to set the URL because it must include the key.
+ sourceOptions.urls = [wmtsUrl];
+ source = new ol.source.WMTS(sourceOptions);
+ source.setAttributions([attribution]);
+ source.setLogo(layerLogos[i]);
+ layer = new ol.layer.TileLayer({source: source});
+ map.addLayer(layer);
+ }
+
+ var view = new ol.View2D();
+ view.fitExtent([257596.65942095537, 262082.55751844167,
+ 6250898.984085131, 6251854.446938695], map.getSize());
+ map.setView(view);
+ }
+};
+
+xhr.send();
diff --git a/src/ol/source/wmtssource.js b/src/ol/source/wmtssource.js
index 6ea8169620..0e5a0312fa 100644
--- a/src/ol/source/wmtssource.js
+++ b/src/ol/source/wmtssource.js
@@ -233,7 +233,7 @@ ol.source.WMTS.optionsFromCapabilities = function(wmtsCap, layer) {
(l['resourceUrls']['tile'][format]);
break;
case 'KVP':
- requestEncoding = ol.source.WMTSRequestEncoding.REST;
+ requestEncoding = ol.source.WMTSRequestEncoding.KVP;
urls = [];
goog.array.forEach(gets, function(elt, index, array) {
if (elt['constraints']['GetEncoding']['allowedValues'].hasOwnProperty(
diff --git a/src/ol/tilegrid/tilegrid.exports b/src/ol/tilegrid/tilegrid.exports
index f276cab084..dc22563554 100644
--- a/src/ol/tilegrid/tilegrid.exports
+++ b/src/ol/tilegrid/tilegrid.exports
@@ -1 +1,2 @@
@exportClass ol.tilegrid.TileGrid ol.tilegrid.TileGridOptions
+@exportProperty ol.tilegrid.TileGrid.prototype.getResolutions
diff --git a/src/ol/tilegrid/wmtstilegrid.js b/src/ol/tilegrid/wmtstilegrid.js
index a92a4a869f..a49940b552 100644
--- a/src/ol/tilegrid/wmtstilegrid.js
+++ b/src/ol/tilegrid/wmtstilegrid.js
@@ -66,15 +66,31 @@ ol.tilegrid.WMTS.createFromCapabilitiesMatrixSet =
var matrixIds = [];
var origins = [];
var tileSizes = [];
- var projection = ol.proj.get(matrixSet['supportedCRS']);
+
+ var supportedCRSPropName = 'supportedCRS';
+ var matrixIdsPropName = 'matrixIds';
+ var identifierPropName = 'identifier';
+ var scaleDenominatorPropName = 'scaleDenominator';
+ var topLeftCornerPropName = 'topLeftCorner';
+ var tileWidthPropName = 'tileWidth';
+ var tileHeightPropName = 'tileHeight';
+
+ var projection = ol.proj.get(matrixSet[supportedCRSPropName]);
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([elt['tileWidth'], elt['tileHeight']]);
+
+ goog.array.sort(matrixSet[matrixIdsPropName], function(a, b) {
+ return b[scaleDenominatorPropName] - a[scaleDenominatorPropName];
});
+ goog.array.forEach(matrixSet[matrixIdsPropName],
+ function(elt, index, array) {
+ matrixIds.push(elt[identifierPropName]);
+ origins.push(elt[topLeftCornerPropName]);
+ resolutions.push(elt[scaleDenominatorPropName] * 0.28E-3 /
+ metersPerUnit);
+ tileSizes.push([elt[tileWidthPropName], elt[tileHeightPropName]]);
+ });
+
return new ol.tilegrid.WMTS({
origins: origins,
resolutions: resolutions,