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); } }; 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, maxZoom: 3, prefix: null, getTile: function(coord, zoom, doc) { var tileSize = 128; var imgSize; var tileName; tileName = this.prefix + '_128_' + coord.x + '_' + coord.y + '.png'; imgSize = Math.pow(2, 7+zoom); var tile = $('
') .addClass('tile') .css({ width: tileSize + 'px', height: tileSize + 'px' }); var 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' }) .hide() .appendTo(tile); this.dynmap.registerTile(this, tileName, img); //this.dynmap.unregisterTile(this, tileName); return tile.get(0); }, updateTileSize: function(zoom) { var size; size = Math.pow(2, 7+zoom); this.tileSize = new google.maps.Size(size, size); } }); maptypes.FlatMapType = function(configuration) { return new FlatMapType(configuration); };