Simpele kaart met WMS of WMTS

Toepassingen KaartApi
#1

Hallo,

Heeft iemand misschien een voorbeeldje van een HTML pagina met een leaflet, waarbij de bgtachtergrondkaart als wmts wordt getoond? Ik krijg het niet voor elkaar en ben er al 2 dagen mee bezig.

Ik gebruik het voorbeeld op Maak een kaart met … — PDOK / NGR documentatie documentatie maar het lukt me niet om
http://geodata.nationaalgeoregister.nl/wmts/ werkend te krijgen
Het enige dat ik wil is een leaflet kaartje met de bgtachtergrondkaart als WMTS

Zeer bedankt

#2

WMTS in Leaflet is lastig. Zijn wel plugins voor. Veel makkelijker om de TMS te gebruiken. Een html voorbeeld met TMS zie hier : webmapping_for_beginners_v2/index.html at master · NieneB/webmapping_for_beginners_v2 · GitHub

Vervang de brt url met https://geodata.nationaalgeoregister.nl/tiles/service/tms/1.0.0/bgtachtergrond/EPSG:28992/{z}/{x}/{y}.png voor de bgt achtergrondkaart. en haal de minzoom maxzoom restricties weg.

var pdokachtergrondkaart = new L.TileLayer('https://geodata.nationaalgeoregister.nl/tiles/service/tms/1.0.0/bgtachtergrond/EPSG:28992/{z}/{x}/{y}.png', {
     tms: true,
     attribution: 'Map data: <a href="http://www.kadaster.nl">Kadaster</a>'
});

Let wel op! De BGT is pas vanaf zoom 13 te zien. Dus vergeet niet in te zoomen.

Als je echt de wmts wil zoek dan plugins. bijvoorbeeld GitHub - alexandre-melard/leaflet.TileLayer.WMTS: Add WMTS layering for leaflet

#3

Dankjewel! Heb het werkend!

1 like
#4

Indien je werkt met QGIS en de plugin qgis2web is in versie 3.13 een flink deel van de problematiek rond Leaflet en WMTS aangepakt.
Aanbeveling is dan wel om voor PDOK WMTS lagen gebruik te maken van projectie EPSG: 3857.
Het lijkt er op dat Leaflet problemen heeft met WMTS in EPSG:28992
Zie replace ?request=getcapabilities by request=gettile on wmts url · Issue #722 · tomchadwin/qgis2web · GitHub

#5

Zie mijn commentaar in repo van qgis2web. Dit is niet zozeer een issue van de QGIS-plugin, maar een kwestie van reikwijdte (scope) van functionaliteit in de plugin. Nederland heeft voor EPSG:28992 namelijk een eigen tile grid opgesteld in the Tiling richtlijn v1.1 die afwijkt van Google Spherical Mercator tile grid.

LeafletJS ondersteunt met behulp van de Kartena plugin Proj4Leaflet wel degelijk meerdere projecties waaronder EPSG:28892. Een implementatie vind je op de website van de gemeente Amsterdam.

#6

Ik ben begonnen met een repo met voorbeelden van hoe PDOK services te gebruiken icm Leaflet en OpenLayers. Hierin zit ook een minimaal voorbeeld hoe een WMTS service te gebruiken in EPSG:28992 in Leaflet.

2 likes
#7

Ik heb ook op Github een Leaflet voorbeeld kaart staan, deze gebruikt de standaard ingestelde EPSG:3857 projectie in Leaflet. Code bevat commentaar met wat het doet in het nederlands. Ook draait er een live versie op Github Pages: Leaflet Test Map

Deze kaart gebruikt de Restful WMTS van de BRTA en Restful WMTS van PDOK Luchtfoto plus nog wat WMS services.

2 likes