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

manage tile pyramid levels; always animate tile fade

Browse Source
This commit is contained in:
Vladimir Agafonkin 2014-01-21 20:34:00 +02:00
parent 169b6a0e77
commit fc655e45c7
1 changed files with 37 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -12,7 +12,7 @@ L.GridLayer = L.Layer.extend({
unloadInvisibleTiles: L.Browser.mobile,
updateWhenIdle: L.Browser.mobile,
updateInterval: 150
updateInterval: 200
/*
minZoom: <Number>,
@ -169,24 +169,45 @@ L.GridLayer = L.Layer.extend({
this.getPane().appendChild(this._container);
},
_updateLevel: function () {
var zoom = this._tileZoom,
level = this._levels[zoom];
_updateLevels: function () {
var zoom = this._tileZoom;
if (!level) {
level = this._levels[zoom] = {};
level.el = L.DomUtil.create('div', 'leaflet-tile-container leaflet-zoom-animated', this._container);
level.el.style.zIndex = zoom;
level.zoom = zoom;
level.tiles = {};
var map = this._map;
level.origin = map.project(map.unproject(map.getPixelOrigin()), zoom).round();
for (var z in this._levels) {
z = parseInt(z, 10);
if (z > zoom + 2 || z < zoom - 2) {
this._destroyLevel(this._levels[z]);
delete this._levels[z];
} else {
this._levels[z].el.style.zIndex = -Math.abs(zoom - z);
}
}
var level = this._levels[zoom];
if (level) {
this._destroyLevel(level);
}
level = this._levels[zoom] = {};
level.el = L.DomUtil.create('div', 'leaflet-tile-container leaflet-zoom-animated', this._container);
level.el.style.zIndex = 0;
level.zoom = zoom;
level.tiles = {};
var map = this._map;
level.origin = map.project(map.unproject(map.getPixelOrigin()), zoom).round();
this._level = level;
return level;
},
_destroyLevel: function (level) {
for (var i in level.tiles) {
level.tiles[i].onload = null;
}
L.DomUtil.remove(level.el);
},
_reset: function (e) {
var map = this._map,
zoom = map.getZoom(),
@ -200,7 +221,7 @@ L.GridLayer = L.Layer.extend({
// this._clearTiles();
this._tileZoom = tileZoom;
this._updateLevel();
this._updateLevels();
this._resetGrid();
}
@ -454,7 +475,9 @@ L.GridLayer = L.Layer.extend({
});
}
L.DomUtil.addClass(tile, 'leaflet-tile-loaded');
L.Util.requestAnimFrame(function () {
L.DomUtil.addClass(tile, 'leaflet-tile-loaded');
});
this.fire('tileload', {tile: tile});