L.TileLayer.XHR.js

L.TileLayer.XHR.js

L.TileLayer.prototype.options.xhr = false;

L.TileLayer.include({
	
	createTile: function(coords, done) {

		var tile = document.createElement('img');
		
		if (!this.options.xhr) {


			tile.onload = L.bind(this._tileOnLoad, this, done, tile);
			tile.onerror = L.bind(this._tileOnError, this, done, tile);
			
			if (this.options.crossOrigin) {
				tile.crossOrigin = '';
			}
			
			tile.src = this.getTileUrl(coords);

		} else {

			var addr = this.getTileUrl(coords);

			var xhr = new XMLHttpRequest();
			xhr.open('GET', addr, true);
			xhr.responseType = 'blob';
			xhr.onload = function(e) {
				tile.src = window.URL.createObjectURL(this.response);
				this._tileOnLoad(done, tile);
			}.bind(this);
			xhr.onerror = L.bind(this._tileOnError, this, done, tile);
			xhr.send();
			
		}
		
		/*
		 Alt tag is set to empty string to keep screen readers from reading URL and for compliance reasons
		 http://www.w3.org/TR/WCAG20-TECHS/H67
		*/
		tile.alt = '';

		return tile;
	}
});