MapProxy

Demos WMTS fb_population_elderly EPSG:3857

Openlayers Client - Layer fb_population_elderly

Coordinate System	Image format
EPSG:3857	png

Bounding Box

-20037508.342789244, -20037508.342789244, 20037508.342789244, 20037508.342789244

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.03392804097, 78271.51696402048, 39135.75848201024,
19567.87924100512, 9783.93962050256, 4891.96981025128, 2445.98490512564, 1222.99245256282,
611.49622628141, 305.748113140705, 152.8740565703525, 76.43702828517625,
38.21851414258813, 19.109257071294063, 9.554628535647032, 4.777314267823516,
2.388657133911758, 1.194328566955879, 0.5971642834779395, 0.29858214173896974,
0.14929107086948487, 0.07464553543474244, 0.03732276771737122, 0.01866138385868561],
    units: 'm',
    maxExtent: new OpenLayers.Bounds(-20037508.342789244, -20037508.342789244,
20037508.342789244, 20037508.342789244),
    tileSize: new OpenLayers.Size(256, 256)
    };

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

    var layer = new OpenLayers.Layer.WMTS({
     name: "WMTS fb_population_elderly",
     url:
'../wmts/fb_population_elderly/{TileMatrixSet}/{TileMatrix}/{TileCol}/{TileRow}.png',
     layer: 'fb_population_elderly',
     matrixSet: 'GLOBAL_WEBMERCATOR',
     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>