Installed leaflet in extlib

[mediagoblin.git] / extlib / leaflet / src / layer / tile / TileLayer.js

/*\r
 * L.TileLayer is used for standard xyz-numbered tile layers.\r
 */\r
\r
L.TileLayer = L.Class.extend({\r
	includes: L.Mixin.Events,\r
	\r
	options: {\r
		minZoom: 0,\r
		maxZoom: 18,\r
		tileSize: 256,\r
		subdomains: 'abc',\r
		errorTileUrl: '',\r
		attribution: '',\r
		opacity: 1,\r
		scheme: 'xyz',\r
    noWrap: false,\r
		\r
		unloadInvisibleTiles: L.Browser.mobileWebkit,\r
		updateWhenIdle: L.Browser.mobileWebkit\r
	},\r
	\r
	initialize: function(url, options) {\r
		L.Util.setOptions(this, options);\r
		\r
		this._url = url;\r
		\r
		if (typeof this.options.subdomains == 'string') {\r
			this.options.subdomains = this.options.subdomains.split('');\r
		}\r
	},\r
	\r
	onAdd: function(map) {\r
		this._map = map;\r
		\r
		// create a container div for tiles\r
		this._initContainer();\r
		\r
		// create an image to clone for tiles\r
		this._createTileProto();\r
		\r
		// set up events\r
		map.on('viewreset', this._reset, this);\r
		\r
		if (this.options.updateWhenIdle) {\r
			map.on('moveend', this._update, this);\r
		} else {\r
			this._limitedUpdate = L.Util.limitExecByInterval(this._update, 100, this);\r
			map.on('move', this._limitedUpdate, this);\r
		}\r
		\r
		this._reset();\r
		this._update();\r
	},\r
	\r
	onRemove: function(map) {\r
		this._map.getPanes().tilePane.removeChild(this._container);\r
		this._container = null;\r
		\r
		this._map.off('viewreset', this._reset, this);\r
		\r
		if (this.options.updateWhenIdle) {\r
			this._map.off('moveend', this._update, this);\r
		} else {\r
			this._map.off('move', this._limitedUpdate, this);\r
		}\r
	},\r
	\r
	getAttribution: function() {\r
		return this.options.attribution;\r
	},\r
	\r
	setOpacity: function(opacity) {\r
		this.options.opacity = opacity;\r
		\r
		this._setOpacity(opacity);\r
		\r
		// stupid webkit hack to force redrawing of tiles\r
		if (L.Browser.webkit) {\r
			for (i in this._tiles) {\r
				this._tiles[i].style.webkitTransform += ' translate(0,0)';\r
			}\r
		}\r
	},\r
	\r
	_setOpacity: function(opacity) {\r
		if (opacity < 1) {\r
			L.DomUtil.setOpacity(this._container, opacity);\r
		}\r
	},\r
	\r
	_initContainer: function() {\r
		var tilePane = this._map.getPanes().tilePane;\r
		\r
		if (!this._container || tilePane.empty) {\r
			this._container = L.DomUtil.create('div', 'leaflet-layer', tilePane);\r
			\r
			this._setOpacity(this.options.opacity);\r
		}\r
	},\r
	\r
	_reset: function() {\r
		this._tiles = {};\r
		this._initContainer();\r
		this._container.innerHTML = '';\r
	},\r
	\r
	_update: function() {\r
		var bounds = this._map.getPixelBounds(),\r
			tileSize = this.options.tileSize;\r
		\r
		var nwTilePoint = new L.Point(\r
				Math.floor(bounds.min.x / tileSize),\r
				Math.floor(bounds.min.y / tileSize)),\r
			seTilePoint = new L.Point(\r
				Math.floor(bounds.max.x / tileSize),\r
				Math.floor(bounds.max.y / tileSize)),\r
			tileBounds = new L.Bounds(nwTilePoint, seTilePoint);\r
		\r
		this._addTilesFromCenterOut(tileBounds);\r
		\r
		if (this.options.unloadInvisibleTiles) {\r
			this._removeOtherTiles(tileBounds);\r
		}\r
	},\r
	\r
	_addTilesFromCenterOut: function(bounds) {\r
		var queue = [],\r
			center = bounds.getCenter();\r
		\r
		for (var j = bounds.min.y; j <= bounds.max.y; j++) {\r
			for (var i = bounds.min.x; i <= bounds.max.x; i++) {				\r
				if ((i + ':' + j) in this._tiles) { continue; }\r
				queue.push(new L.Point(i, j));\r
			}\r
		}\r
		\r
		// load tiles in order of their distance to center\r
		queue.sort(function(a, b) {\r
			return a.distanceTo(center) - b.distanceTo(center);\r
		});\r
		\r
		this._tilesToLoad = queue.length;\r
		for (var k = 0, len = this._tilesToLoad; k < len; k++) {\r
			this._addTile(queue[k]);\r
		}\r
	},\r
	\r
	_removeOtherTiles: function(bounds) {\r
		var kArr, x, y, key;\r
		\r
		for (key in this._tiles) {\r
			if (this._tiles.hasOwnProperty(key)) {\r
				kArr = key.split(':');\r
				x = parseInt(kArr[0], 10);\r
				y = parseInt(kArr[1], 10);\r
				\r
				// remove tile if it's out of bounds\r
				if (x < bounds.min.x || x > bounds.max.x || y < bounds.min.y || y > bounds.max.y) {\r
					this._tiles[key].src = '';\r
					if (this._tiles[key].parentNode == this._container) {\r
						this._container.removeChild(this._tiles[key]);\r
					}\r
					delete this._tiles[key];\r
				}\r
			}\r
		}		\r
	},\r
	\r
	_addTile: function(tilePoint) {\r
		var tilePos = this._getTilePos(tilePoint),\r
			zoom = this._map.getZoom(),\r
			key = tilePoint.x + ':' + tilePoint.y;\r
			\r
		// wrap tile coordinates\r
		var tileLimit = (1 << zoom);\r
		if (!this.options.noWrap) {\r
      tilePoint.x = ((tilePoint.x % tileLimit) + tileLimit) % tileLimit;\r
    }\r
		if (tilePoint.y < 0 || tilePoint.y >= tileLimit) { return; }\r
		\r
		// create tile\r
		var tile = this._createTile();\r
		L.DomUtil.setPosition(tile, tilePos);\r
		\r
		this._tiles[key] = tile;\r
        \r
		if (this.options.scheme == 'tms') {\r
			tilePoint.y = tileLimit - tilePoint.y - 1;\r
		}\r
\r
		this._loadTile(tile, tilePoint, zoom);\r
		\r
		this._container.appendChild(tile);\r
	},\r
	\r
	_getTilePos: function(tilePoint) {\r
		var origin = this._map.getPixelOrigin(),\r
			tileSize = this.options.tileSize;\r
		\r
		return tilePoint.multiplyBy(tileSize).subtract(origin);\r
	},\r
	\r
	// image-specific code (override to implement e.g. Canvas or SVG tile layer)\r
	\r
	getTileUrl: function(tilePoint, zoom) {\r
		var subdomains = this.options.subdomains,\r
			s = this.options.subdomains[(tilePoint.x + tilePoint.y) % subdomains.length];\r
\r
		return this._url\r
				.replace('{s}', s)\r
				.replace('{z}', zoom)\r
				.replace('{x}', tilePoint.x)\r
				.replace('{y}', tilePoint.y);\r
	},\r
	\r
	_createTileProto: function() {\r
		this._tileImg = L.DomUtil.create('img', 'leaflet-tile');\r
		this._tileImg.galleryimg = 'no';\r
		\r
		var tileSize = this.options.tileSize;\r
		this._tileImg.style.width = tileSize + 'px';\r
		this._tileImg.style.height = tileSize + 'px';\r
	},\r
	\r
	_createTile: function() {\r
		var tile = this._tileImg.cloneNode(false);\r
		tile.onselectstart = tile.onmousemove = L.Util.falseFn;\r
		return tile;\r
	},\r
	\r
	_loadTile: function(tile, tilePoint, zoom) {\r
		tile._layer = this;\r
		tile.onload = this._tileOnLoad;\r
		tile.onerror = this._tileOnError;\r
		tile.src = this.getTileUrl(tilePoint, zoom);\r
	},\r
	\r
	_tileOnLoad: function(e) {\r
		var layer = this._layer;\r
		\r
		this.className += ' leaflet-tile-loaded'; \r
\r
		layer.fire('tileload', {tile: this, url: this.src});\r
		\r
		layer._tilesToLoad--;\r
		if (!layer._tilesToLoad) {\r
			layer.fire('load');\r
		}\r
	},\r
	\r
	_tileOnError: function(e) {\r
		var layer = this._layer;\r
		\r
		layer.fire('tileerror', {tile: this, url: this.src});\r
		\r
		var newUrl = layer.options.errorTileUrl;\r
		if (newUrl) {\r
			this.src = newUrl;\r
		}\r
	}\r
});\r