dynmap/web/js/flatmap.js

59 lines
1.7 KiB
JavaScript
Raw Normal View History

function FlatProjection() {}
FlatProjection.prototype = {
fromLatLngToPoint: function(latLng) {
return new google.maps.Point(latLng.lat()*config.tileWidth, latLng.lng()*config.tileHeight);
},
fromPointToLatLng: function(point) {
return new google.maps.LatLng(point.x/config.tileWidth, point.y/config.tileHeight);
},
fromWorldToLatLng: function(x, y, z) {
return new google.maps.LatLng(-z / config.tileWidth, x / config.tileHeight);
}
};
2011-03-06 14:45:26 +01:00
function FlatMapType(configuration) {
$.extend(this, configuration); }
FlatMapType.prototype = $.extend(new DynMapType(), {
constructor: FlatMapType,
projection: new FlatProjection(),
tileSize: new google.maps.Size(128.0, 128.0),
minZoom: 0,
2011-05-13 08:05:20 +02:00
maxZoom: 3,
2011-03-06 14:45:26 +01:00
prefix: null,
getTile: function(coord, zoom, doc) {
2011-05-13 08:05:20 +02:00
var tileSize = 128;
var imgSize;
var tileName;
tileName = this.prefix + '_128_' + coord.x + '_' + coord.y + '.png';
imgSize = Math.pow(2, 7+zoom);
2011-05-13 08:05:20 +02:00
var tile = $('<div/>')
.addClass('tile')
.css({
2011-05-13 08:05:20 +02:00
width: tileSize + 'px',
height: tileSize + 'px'
});
var img = $('<img/>')
.attr('src', this.dynmap.getTileUrl(tileName))
.error(function() { img.hide(); })
.bind('load', function() { img.show(); })
.css({
width: imgSize +'px',
height: imgSize + 'px',
borderStyle: 'none'
})
2011-05-13 08:05:20 +02:00
.hide()
.appendTo(tile);
this.dynmap.registerTile(this, tileName, img);
//this.dynmap.unregisterTile(this, tileName);
return tile.get(0);
},
updateTileSize: function(zoom) {
2011-05-13 08:05:20 +02:00
var size;
size = Math.pow(2, 7+zoom);
2011-05-13 08:05:20 +02:00
this.tileSize = new google.maps.Size(size, size);
}
});
maptypes.FlatMapType = function(configuration) { return new FlatMapType(configuration); };