mirror of
https://github.com/webbukkit/dynmap.git
synced 2024-11-24 11:15:21 +01:00
118 lines
3.3 KiB
JavaScript
118 lines
3.3 KiB
JavaScript
function KzedProjection() {}
|
|
KzedProjection.prototype = {
|
|
fromLatLngToPoint: function(latLng) {
|
|
var x = (latLng.lng() * config.tileWidth)|0;
|
|
var y = (latLng.lat() * config.tileHeight)|0;
|
|
|
|
return new google.maps.Point(x, y);
|
|
},
|
|
fromPointToLatLng: function(point) {
|
|
var lng = point.x / config.tileWidth;
|
|
var lat = point.y / config.tileHeight;
|
|
return new google.maps.LatLng(lat, lng);
|
|
},
|
|
fromWorldToLatLng: function(x, y, z)
|
|
{
|
|
var dx = +x;
|
|
var dy = +y - 127;
|
|
var dz = +z;
|
|
var px = dx + dz;
|
|
var py = dx - dz - dy;
|
|
|
|
var lng = -px / config.tileWidth / 2 + 0.5;
|
|
var lat = py / config.tileHeight / 2;
|
|
|
|
return new google.maps.LatLng(lat, lng);
|
|
}
|
|
};
|
|
|
|
function KzedMapType(configuration) { $.extend(this, configuration); }
|
|
KzedMapType.prototype = $.extend(new DynMapType(), {
|
|
constructor: KzedMapType,
|
|
projection: new KzedProjection(),
|
|
tileSize: new google.maps.Size(128, 128),
|
|
minZoom: 0,
|
|
maxZoom: 3,
|
|
prefix: null,
|
|
getTile: function(coord, zoom, doc) {
|
|
var tileDebugText = null;
|
|
var tileSize = 128;
|
|
var tileName;
|
|
var imgSize;
|
|
var offset = {x: 0, y: 0};
|
|
|
|
var debugred;
|
|
var debugblue;
|
|
|
|
if (zoom == 0) {
|
|
// Most zoomed out tiles.
|
|
|
|
tileSize = 128;
|
|
imgSize = tileSize;
|
|
tileName = 'z' + this.prefix + '_' + (-coord.x * tileSize*2) + '_' + (coord.y * tileSize*2);
|
|
} else {
|
|
// Other zoom levels.
|
|
tileSize = 128;
|
|
|
|
// Helper functions.
|
|
var floor = Math.floor;
|
|
var div = function(x,y){return floor(x/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).
|
|
var segments = Math.pow(2,zoom-1);
|
|
imgSize = segments*tileSize;
|
|
|
|
// 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;
|
|
}
|
|
offset = {x: 0, y: 0};
|
|
// The next line is not:
|
|
//tileName = this.prefix + '_' + (-mapcoord.x) + '_' + mapcoord.y;
|
|
}
|
|
var img;
|
|
var tile = $('<div/>')
|
|
.addClass('tile')
|
|
.css({
|
|
overflow: 'hidden',
|
|
width: tileSize + 'px',
|
|
height: tileSize + 'px'
|
|
});
|
|
if (tileDebugText) {
|
|
$('<span/>')
|
|
.text(tileDebugText)
|
|
.css({
|
|
position: 'absolute',
|
|
color: 'red'
|
|
})
|
|
.appendTo(tile);
|
|
}
|
|
if (tileName) {
|
|
img = $('<img/>')
|
|
.attr('src', this.dynmap.getTileUrl(tileName))
|
|
.error(function() { img.hide(); })
|
|
.css({
|
|
width: imgSize + 'px',
|
|
height: imgSize + 'px',
|
|
borderStyle: 'none',
|
|
marginLeft: offset.x + 'px',
|
|
marginTop: offset.y + 'px'
|
|
})
|
|
.appendTo(tile);
|
|
this.dynmap.registerTile(this, tileName, img);
|
|
} else {
|
|
this.dynmap.unregisterTile(this, tileName);
|
|
}
|
|
return tile.get(0);
|
|
}
|
|
});
|
|
|
|
maptypes.KzedMapType = function(configuration) { return new KzedMapType(configuration); }; |