MapProxy

Demos WMTS 20150824_npp753_.tiff EPSG:900913

Openlayers Client - Layer 20150824_npp753_.tiff

Coordinate System	Image format
EPSG:900913	png

Bounding Box

-20037508.3428, -20037508.3428, 20037508.3428, 20037508.3428

JavaScript code

<script src="static/OpenLayers.js"></script>
<script type="text/javascript">
var map;
function init(){
    var mapOptions = {
    projection: new OpenLayers.Projection('EPSG:900913'),
    resolutions: [156543.033928, 78271.516964, 39135.758482, 19567.879241, 9783.9396205,
4891.96981025, 2445.98490513, 1222.99245256, 611.496226281, 305.748113141, 152.87405657,
76.4370282852, 38.2185141426, 19.1092570713, 9.55462853565, 4.77731426782, 2.38865713391,
1.19432856696, 0.597164283478, 0.298582141739],
    units: 'm',
    maxExtent: new OpenLayers.Bounds(-20037508.3428, -20037508.3428, 20037508.3428,
20037508.3428),
    tileSize: new OpenLayers.Size(256, 256)
    };

    map = new OpenLayers.Map('map', mapOptions);

    var layer = new OpenLayers.Layer.WMTS({
     name: "WMTS 20150824_npp753_.tiff",
     url:
'../wmts/20150824_npp753_.tiff/{TileMatrixSet}/{TileMatrix}/{TileCol}/{TileRow}.png',
     layer: '20150824_npp753_.tiff',
     matrixSet: 'GLOBAL_MERCATOR',
     format: 'png',
     isBaseLayer: true,
     style: 'default',
     requestEncoding: 'REST'
    });

    map.addLayer(layer)
    map.zoomToExtent(new OpenLayers.Bounds(-20037508.34, -20037508.34, 20037508.34,
20037508.34));
}
</script>