Upstream/dynmap
1
0
Fork 0
mirror of https://github.com/webbukkit/dynmap.git synced 2024-11-24 03:05:28 +01:00
Code Issues Projects Releases Wiki Activity

Simplified tile-mechanism again (a bit like hMod's version).

Browse Source
This commit is contained in:
FrozenCow 2011-02-23 14:06:13 +01:00
parent b7f6a5a39d
commit 1d2cce6caa
1 changed files with 16 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
web/kzedmaps.js
View File

@ -55,34 +55,18 @@ KzedMapType.prototype = $.extend(new DynMapType(), {
tileSize = 128; tileSize = 128;
// Helper functions. // Helper functions.
var floor = Math.floor; /*var floor = Math.floor;
var div = function(x,y){return floor(x/y);} var div = function(x,y){return floor(x/y);}
var mod = function(x,y){return ((x%y)+y)%y;}; var mod = function(x,y){return ((x%y)+y)%y;};*/
// Split the image up in ... segments (1*1 for zoom 1, 2*2 for zoom 2, 4*4 for zoom 3, etc). imgSize = Math.pow(2, 6+zoom);
var segments = Math.pow(2,zoom-1); var mapcoord = {x: coord.x*tileSize, y: coord.y*tileSize};
imgSize = segments*tileSize; tileName = this.prefix + '_' + (-mapcoord.x) + '_' + mapcoord.y + '.png';
// Calculate the location relative to the world of this segment.
var mapcoord = {x: div(coord.x,segments)*tileSize, y: div(coord.y,segments)*tileSize};
// Calculate the location relative to the image of this segment.
offset = {x: mod(coord.x,segments)*-tileSize, y: mod(coord.y,segments)*-tileSize};
// The next couple of lines are somewhat of a hack, but makes it faster to render zoomed in tiles:
tileSize = imgSize;
if (offset.x == 0 && offset.y == 0) {
tileName = this.prefix + '_' + (-mapcoord.x) + '_' + mapcoord.y + '.png';
}
offset = {x: 0, y: 0};
// The next line is not:
//tileName = this.prefix + '_' + (-mapcoord.x) + '_' + mapcoord.y;
} }
var img; var img;
var tile = $('<div/>') var tile = $('<div/>')
.addClass('tile') .addClass('tile')
.css({ .css({
overflow: 'hidden',
width: tileSize + 'px', width: tileSize + 'px',
height: tileSize + 'px' height: tileSize + 'px'
}); });
@ -99,13 +83,15 @@ KzedMapType.prototype = $.extend(new DynMapType(), {
img = $('<img/>') img = $('<img/>')
.attr('src', this.dynmap.getTileUrl(tileName)) .attr('src', this.dynmap.getTileUrl(tileName))
.error(function() { img.hide(); }) .error(function() { img.hide(); })
.bind('load', function() { img.show(); })
.css({ .css({
width: imgSize + 'px', width: imgSize + 'px',
height: imgSize + 'px', height: imgSize + 'px',
borderStyle: 'none', borderStyle: 'none',
marginLeft: offset.x + 'px', /*marginLeft: offset.x + 'px',
marginTop: offset.y + 'px' marginTop: offset.y + 'px'*/
}) })
.hide()
.appendTo(tile); .appendTo(tile);
this.dynmap.registerTile(this, tileName, img); this.dynmap.registerTile(this, tileName, img);
} else { } else {
@ -114,7 +100,13 @@ KzedMapType.prototype = $.extend(new DynMapType(), {
return tile.get(0); return tile.get(0);
}, },
updateTileSize: function(zoom) { updateTileSize: function(zoom) {
//this.tileSize = new google.maps.Size(config.zoomSize[zoom], config.zoomSize[zoom]); var size;
if (zoom == 0) {
size = 128;
} else {
size = Math.pow(2, 6+zoom);
}
this.tileSize = new google.maps.Size(size, size);
} }
}); });