MinedMap/viewer/MinedMap.js

var MinedMapLayer = L.GridLayer.extend({
	initialize: function (info, regions, layer) {
		this._info = info;
		this._regions = regions;
		this._layer = layer;

		this.options.attribution = 'Generated by <a href="http://git.universe-factory.net/MinedMap/">MinedMap</a>';

		if (!L.Browser.android) {
			this.on('tileunload', this._onTileRemove);
		}
	},

	createTile: function (coords, done) {
		var tile = document.createElement('img');

		tile.onload = L.bind(this._tileOnLoad, this, done, tile);
		tile.onerror = L.bind(this._tileOnError, this, done, tile);

		tile.alt = '';

		if (coords.x >= this._info.minX && coords.x <= this._info.maxX &&
		    coords.y >= this._info.minZ && coords.y <= this._info.maxZ &&
		    this._regions[coords.y-this._info.minZ][coords.x-this._info.minX])
			tile.src = 'data/'+this._layer+'/0/r.'+coords.x+'.'+coords.y+'.png';

		return tile;
	},

	_tileOnLoad: function (done, tile) {
		done(null, tile);
	},

	_tileOnError: function (done, tile, e) {
		done(e, tile);
	},

	_getTileSize: function () {
		var map = this._map, zoom = map.getZoom();

		if (zoom > 0)
			return Math.round(map.getZoomScale(map.getZoom(), 0) * 512);
		else
			return 512;
	},

	_onTileRemove: function (e) {
		e.tile.onload = null;
		e.tile.src = L.Util.emptyImageUrl;
	},

	_abortLoading: function () {
		var i, tile;
		for (i in this._tiles) {
			tile = this._tiles[i].el;

			tile.onload = L.Util.falseFn;
			tile.onerror = L.Util.falseFn;

			if (!tile.complete) {
				tile.src = L.Util.emptyImageUrl;
				L.DomUtil.remove(tile);
			}
		}
	}
});


window.createMap = function () {
	var xhr = new XMLHttpRequest();
	xhr.onload = function () {
		var res = JSON.parse(this.responseText),
		    info = res.info,
		    regions = res.regions,
		    spawn = res.spawn;

		var map = L.map('map', {
			center: [-spawn.z, spawn.x],
			zoom: 0,
			minZoom: 0,
			maxZoom: 3,
			crs: L.CRS.Simple,
			maxBounds: [
				[-512*(info.maxZ+1), 512*info.minX],
				[-512*info.minZ, 512*(info.maxX+1)],
			],
		});

		var mapLayer = new MinedMapLayer(info, regions, 'map');
		var lightLayer = new MinedMapLayer(info, regions, 'light');

		mapLayer.addTo(map);

		var overlayMaps = {
			"Illumination": lightLayer,
		};

		L.control.layers({}, overlayMaps).addTo(map);
	};

	xhr.open('GET', 'data/info.json', true);
	xhr.send();
}