<html><head><meta http-equiv="Content-Type" content="text/html charset=utf-8"></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class=""><span style="font-family: ArialMT;" class="">Hallo </span><a href="http://OSGeo.nl" class="" style="font-family: ArialMT;">OSGeo.nl</a><span style="font-family: ArialMT;" class="">-ers,</span><div class="" style="font-family: ArialMT;"><br class=""></div><div class="" style="font-family: ArialMT;">Bij het maken van een heel basic Leaflet kaart loop ik tegen een probleem aan met de tile URL en hopelijk weet iemand raad.<br class=""><br class="">Ik heb het voorbeeld met de PDOK BRT TMS in Leaflet die door Bart van den Eijnden is gemaakt genomen als basis (zie <a href="https://github.com/bartvde/PDOK-Leaflet" class="">https://github.com/bartvde/PDOK-Leaflet</a>).<br class=""><br class="">Daar heb ik de open luchtfoto TMS aan toegevoegd. Dat werkt prima maar bij zoom level 12 en hoger gaat het mis. Dan treedt er een afrondingsfout op in de tile URL die er voor zorgt dat de luchtfoto op die levels niet getoond wordt.<br class=""><br class="">Leaflet vraagt dan:<br class=""><a href="http://geodata1.nationaalgeoregister.nl/luchtfoto/tms/1.0.0/luchtfoto/EPSG28992/12/2402.0000000000005/2602.jpe" class="">http://geodata1.nationaalgeoregister.nl/luchtfoto/tms/1.0.0/luchtfoto/EPSG28992/12/2402.0000000000005/2602.jpe</a>g<br class="">en dat levert niets op want de gewenste tile is:<br class=""><a href="http://geodata1.nationaalgeoregister.nl/luchtfoto/tms/1.0.0/luchtfoto/EPSG28992/12/2402/2602.jpeg" class="">http://geodata1.nationaalgeoregister.nl/luchtfoto/tms/1.0.0/luchtfoto/EPSG28992/12/2402/2602.jpeg</a><br class=""><br class="">Het vreemde is ook dat dit niet optreedt bij de BRT service.<br class=""><br class="">Ik zou zeggen, een simpele round functie ergens volstaat maar waar?<br class=""><br class="">NB dit is de config in script.js :<br class=""><br class="">var RD = new L.Proj.CRS.TMS(<br class="">    'EPSG:28992',<br class="">    '+proj=sterea +lat_0=52.15616055555555 +lon_0=5.38763888888889<br class="">+k=0.9999079 +x_0=155000 +y_0=463000 +ellps=bessel +units=m<br class="">+towgs84=565.2369,50.0087,465.658,-0.406857330322398,0.350732676542563,-1.8703473836068,4.0812<br class="">+no_defs',<br class="">    [-285401.92,22598.08,595401.9199999999,903401.9199999999], {<br class="">    resolutions: [3440.640, 1720.320, 860.160, 430.080, 215.040,<br class="">107.520, 53.760, 26.880, 13.440, 6.720, 3.360, 1.680, 0.840, 0.420]<br class="">});<br class=""><br class="">var map = new L.Map('map', {<br class="">  continuousWorld: true,<br class="">  crs: RD,<br class="">  layers: [<br class="">    new<br class="">L.TileLayer('<a href="http://geodata.nationaalgeoregister.nl/tms/1.0.0/brtachtergrondkaartpastel@EPSG:28992@png8/{z}/{x}/{y}.png'" class="">http://geodata.nationaalgeoregister.nl/tms/1.0.0/brtachtergrondkaartpastel@EPSG:28992@png8/{z}/{x}/{y}.png'</a>,<br class="">{<br class="">        tms: true,<br class="">        minZoom: 3,<br class="">        maxZoom: 14,<br class="">        attribution: 'Kaartgegevens: © <a<br class="">href="<a href="http://www.cbs.nl" class="">http://www.cbs.nl</a>">CBS</a>, <a<br class="">href="<a href="http://www.kadaster.nl" class="">http://www.kadaster.nl</a>">Kadaster</a>, <a<br class="">href="<a href="http://openstreetmap.org" class="">http://openstreetmap.org</a>">OpenStreetMap</a><span<br class="">class="printhide">-auteurs (<a<br class="">href="<a href="http://creativecommons.org/licenses/by-sa/2.0/" class="">http://creativecommons.org/licenses/by-sa/2.0/</a>">CC-BY-SA</a>).</span>',<br class="">        continuousWorld: true,<br class="">        opacity: 0.5<br class="">    }),<br class="">    new<br class="">L.TileLayer('<a href="http://geodata1.nationaalgeoregister.nl/luchtfoto/tms/1.0.0/luchtfoto/EPSG28992/{z}/{x}/{y}.jpeg'" class="">http://geodata1.nationaalgeoregister.nl/luchtfoto/tms/1.0.0/luchtfoto/EPSG28992/{z}/{x}/{y}.jpeg'</a>,<br class="">{<br class="">        tms: true,<br class="">        minZoom: 3,<br class="">        maxZoom: 14,<br class="">        attribution: 'Kaartgegevens: © <a<br class="">href="<a href="http://www.kadaster.nl" class="">http://www.kadaster.nl</a>">Kadaster</a>.</span>',<br class="">        continuousWorld: false,<br class="">        opacity: 0.5,<br class="">        maxNativeZoom: 14 // The map will use zoom level 14 (max<br class="">luchtfoto zoom level) tiles for all zoom levels beyond this level<br class="">    })<br class="">  ],<br class="">  //center: new L.LatLng(52, 5.3),<br class="">  center: new L.LatLng(53.223606, 6.532480),<br class="">  zoom: 9,<br class="">  minZoom: 3,<br class="">  maxZoom: 14,<br class="">});<br class="">// test RD coordinates<br class="">map.on('click', function(e) {<br class="">    if (window.console) {<br class="">        var point = RD.projection.project(e.latlng);<br class="">        console.log("RD X: " + point.x + ", Y: " + point.y);<br class="">    }<br class="">});<br class=""><br class="">// functie om huidig zoom level in het kaartbeeld te tonen<br class="">map.on('zoomend', function(){<br class="">    document.getElementById('zoom-level').innerHTML = 'Zoom Level: ' +<br class="">map.getZoom();<br class="">});<br class=""><br class=""><br class=""><br class=""><br class="">Bedankt en groeten,<br class="">Ron Wardenier</div></body></html>