I probeer de Actueel_ortho25 en lufolabels lagen in mijn Angular2 met OpenLayers3 te tonen.
De Actueel_ortho25 is al gelukt:
const dutchProjection = new ol.proj.Projection({
code: "EPSG:28992",
extent: [-285401.92, 22598.08, 595401.9199999999, 903401.9199999999],
worldExtent: [3.2, 50.75, 7.22, 53.7],
units: "m"
});
ol.proj.addProjection(dutchProjection);
const projectionExtent = dutchProjection.getExtent();
const size = ol.extent.getWidth(projectionExtent) / 256;
const numZoomlevels = 18;
const resolutions = new Array(numZoomlevels);
const matrixIds = new Array(numZoomlevels);
for (let z = 0; z < numZoomlevels; ++z) {
// generate resolutions and matrixIds arrays for this WMTS
resolutions[z] = size / Math.pow(2, z);
matrixIds[z] = z;
}
new ol.layer.Tile({
source: new ol.source.WMTS({
attributions: "Tiles © PDOK",
url: "http://geodata.nationaalgeoregister.nl/luchtfoto/wmts?",
layer: "Actueel_ortho25",
matrixSet: "EPSG:28992",
format: "image/png8",
projection: dutchProjection,
tileGrid: new ol.tilegrid.WMTS({
origin: [-285401.919999999980, 903401.920000000040],
resolutions: resolutions,
matrixIds: matrixIds
}),
style: "default"
})
})
Nu wil ik ook de lufolabels tonen, maar dat gaat een stuk ingewikkelder. Sowieso is de url anders:
http://geodata.nationaalgeoregister.nl/tiles/service/wmts/lufolabels
En het lijkt erop dat er ook een andere tilematrix wordt gebruikt.
Want als ik deze tile opvraag:
https://geodata.nationaalgeoregister.nl/tiles/service/wmts/lufolabels?layer=lufolabels&style=default&tilematrixset=EPSG%3A28992&Service=WMTS&Request=GetTile&Version=1.0.0&Format=image%2Fpng&TileMatrix=10&TileCol=500&TileRow=504
krijg ik deze foutmelding terug:
Unknown TILEMATRIX 10
De ortho-variant van de url werkt wel.
Wie wil me er op wijzen wat ik fout doe?
En waarom is er geen gecombineerde laag beschikbaar?
Bijv. voor http://geodata.nationaalgeoregister.nl/luchtfoto/wmts? en dan als layer Actueel_ortho25_labels.
Dat is toch veel logischer? Dat is ook wat ik in de IdeaWall had gevraagd