MapProxy

Demos WMTS GR/Unemployment/Change_unemployment_2000-2016_percent EPSG:3857

Openlayers Client - Layer GR/Unemployment/Change_unemployment_2000-2016_percent

Coordinate System	Image format
EPSG:3857	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:3857'),
    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 GR/Unemployment/Change_unemployment_2000-2016_percent",
     url:
'../wmts/GR/Unemployment/Change_unemployment_2000-2016_percent/{TileMatrixSet}/{TileMatrix}/{TileCol}/{TileRow}.png',
     layer: 'GR/Unemployment/Change_unemployment_2000-2016_percent',
     matrixSet: 'GLOBAL_WEBMERCATOR',
     format: 'png',
     isBaseLayer: true,
     style: 'default',
     requestEncoding: 'REST'
    });

    map.addLayer(layer)
    map.zoomToExtent(new OpenLayers.Bounds(250000.00, 6000000.00, 1000000.00,
6700000.00));
}
</script>