cartodb/Leaflet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Revert back to "prune tiles every tileready" behaviour

Browse Source
This commit is contained in:
Iván Sánchez Ortega 2016-02-05 17:07:03 +01:00
parent e7fd00254e
commit 39d7388a2f
3 changed files with 35 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
debug/map/zoompan.html
View File

@ -41,6 +41,7 @@
<tr><td>on move</td><td id='move'></td></tr>
<tr><td>on moveend</td><td id='moveend'></td></tr>
<tr><td>on zoomend</td><td id='zoomend'></td></tr>
<tr><td>on grid load</td><td id='load'></td></tr>
</div>
<script type="text/javascript">
@ -93,6 +94,10 @@
attachMoveEvent('moveend');
attachMoveEvent('zoomend');
positron.on('load', function(){
document.getElementById('load').innerHTML = map.getCenter() + ' z' + map.getZoom();
});
</script>
</body>
</html>

33
debug/tests/tile-events.html
View File

@ -76,7 +76,7 @@
var mapopts = {
center: [35, -122],
zoom : 5.7,
fadeAnimation: false
fadeAnimation: true
};
var kyiv = [50.5, 30.5],
@ -91,7 +91,7 @@
var positron = L.tileLayer('http://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png', {
attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, &copy; <a href="http://cartodb.com/attributions">CartoDB</a>'
}).addTo(map);
})
var grid = L.gridLayer({
attribution: 'Grid Layer',
@ -127,10 +127,35 @@
positron.on('tileload tileunload tileerror tileloadstart load', function(ev){
document.getElementById('positron-' + ev.type).innerHTML = ++counts[ev.type];
document.getElementById('positron-visible').innerHTML = positron._container.querySelectorAll('.leaflet-tile').length;
// document.getElementById('positron-visible').innerHTML = positron._container.querySelectorAll('.leaflet-tile').length;
});
map.addLayer(grid);
// positron.createTile = function (coords, done) {
// var tile = document.createElement('img');
//
// L.DomEvent.on(tile, 'load', L.bind(this._tileOnLoad, this, done, tile));
// L.DomEvent.on(tile, 'error', L.bind(this._tileOnError, this, done, tile));
//
// if (this.options.crossOrigin) {
// tile.crossOrigin = '';
// }
//
// /*
// Alt tag is set to empty string to keep screen readers from reading URL and for compliance reasons
// http://www.w3.org/TR/WCAG20-TECHS/H67
// */
// tile.alt = '';
//
// var url = this.getTileUrl(coords);
// setTimeout(function() {
// tile.src = url;
// }, 50 + Math.random() * 3950);
//
// return tile;
// },
map.addLayer(positron);
// map.addLayer(grid);
document.getElementById('dc').onclick = function () { map.flyTo(dc, 10); };

2
src/layer/tile/GridLayer.js
View File

@ -654,7 +654,7 @@ L.GridLayer = L.Layer.extend({
this._fadeFrame = L.Util.requestAnimFrame(this._updateOpacity, this);
} else {
tile.active = true;
// this._pruneTiles();
this._pruneTiles();
}
L.DomUtil.addClass(tile.el, 'leaflet-tile-loaded');