Installed leaflet in extlib

[mediagoblin.git] / extlib / leaflet / src / layer / vector / Path.js

/*\r
 * L.Path is a base class for rendering vector paths on a map. It's inherited by Polyline, Circle, etc.\r
 */\r
\r
L.Path = L.Class.extend({\r
	includes: [L.Mixin.Events],\r
	\r
	statics: (function() {\r
		var svgns = 'http://www.w3.org/2000/svg',\r
			ce = 'createElementNS';\r
		\r
		return {\r
			SVG_NS: svgns,\r
			SVG: !!(document[ce] && document[ce](svgns, 'svg').createSVGRect),\r
			\r
			// how much to extend the clip area around the map view \r
			// (relative to its size, e.g. 0.5 is half the screen in each direction)\r
			CLIP_PADDING: 0.5\r
		};\r
	})(),\r
	\r
	options: {\r
		stroke: true,\r
		color: '#0033ff',\r
		weight: 5,\r
		opacity: 0.5,\r
		\r
		fill: false,\r
		fillColor: null, //same as color by default\r
		fillOpacity: 0.2,\r
		\r
		clickable: true,\r
		\r
		updateOnMoveEnd: false\r
	},\r
	\r
	initialize: function(options) {\r
		L.Util.setOptions(this, options);\r
	},\r
	\r
	onAdd: function(map) {\r
		this._map = map;\r
		\r
		this._initElements();\r
		this._initEvents();\r
		this.projectLatlngs();\r
		this._updatePath();\r
\r
		map.on('viewreset', this.projectLatlngs, this);\r
		\r
		this._updateTrigger = this.options.updateOnMoveEnd ? 'moveend' : 'viewreset';\r
		map.on(this._updateTrigger, this._updatePath, this);\r
	},\r
	\r
	onRemove: function(map) {\r
		map._pathRoot.removeChild(this._container);\r
		map.off('viewreset', this._projectLatlngs, this);\r
		map.off(this._updateTrigger, this._updatePath, this);\r
	},\r
	\r
	projectLatlngs: function() {\r
		// do all projection stuff here\r
	},\r
	\r
	getPathString: function() {\r
		// form path string here\r
	},\r
	\r
	setStyle: function(style) {\r
		L.Util.setOptions(this, style);\r
		if (this._path) {\r
			this._updateStyle();\r
		}\r
	},\r
	\r
	_initElements: function() {\r
		this._initRoot();\r
		this._initPath();\r
		this._initStyle();\r
	},\r
	\r
	_initRoot: function() {\r
		if (!this._map._pathRoot) {\r
			this._map._pathRoot = this._createElement('svg');\r
			this._map._panes.overlayPane.appendChild(this._map._pathRoot);\r
\r
			this._map.on('moveend', this._updateSvgViewport, this);\r
			this._updateSvgViewport();\r
		}\r
	},\r
	\r
	_updateSvgViewport: function() {\r
		this._updateViewport();\r
		\r
		var vp = this._map._pathViewport,\r
			min = vp.min,\r
			max = vp.max,\r
			width = max.x - min.x,\r
			height = max.y - min.y,\r
			root = this._map._pathRoot,\r
			pane = this._map._panes.overlayPane;\r
	\r
		// Hack to make flicker on drag end on mobile webkit less irritating\r
		// Unfortunately I haven't found a good workaround for this yet\r
		if (L.Browser.mobileWebkit) { pane.removeChild(root); }\r
		\r
		L.DomUtil.setPosition(root, min);\r
		root.setAttribute('width', width);\r
		root.setAttribute('height', height);\r
		root.setAttribute('viewBox', [min.x, min.y, width, height].join(' '));\r
		\r
		if (L.Browser.mobileWebkit) { pane.appendChild(root); }\r
	},\r
	\r
	_updateViewport: function() {\r
		var p = L.Path.CLIP_PADDING,\r
			size = this._map.getSize(),\r
			//TODO this._map._getMapPanePos()\r
			panePos = L.DomUtil.getPosition(this._map._mapPane), \r
			min = panePos.multiplyBy(-1).subtract(size.multiplyBy(p)),\r
			max = min.add(size.multiplyBy(1 + p * 2));\r
		\r
		this._map._pathViewport = new L.Bounds(min, max);\r
	},\r
	\r
	_initPath: function() {\r
		this._container = this._createElement('g');\r
		\r
		this._path = this._createElement('path');\r
		this._container.appendChild(this._path);\r
		\r
		this._map._pathRoot.appendChild(this._container);\r
	},\r
	\r
	_initStyle: function() {\r
		if (this.options.stroke) {\r
			this._path.setAttribute('stroke-linejoin', 'round');\r
			this._path.setAttribute('stroke-linecap', 'round');\r
		}\r
		if (this.options.fill) {\r
			this._path.setAttribute('fill-rule', 'evenodd');\r
		} else {\r
			this._path.setAttribute('fill', 'none');\r
		}\r
		this._updateStyle();\r
	},\r
	\r
	_updateStyle: function() {\r
		if (this.options.stroke) {\r
			this._path.setAttribute('stroke', this.options.color);\r
			this._path.setAttribute('stroke-opacity', this.options.opacity);\r
			this._path.setAttribute('stroke-width', this.options.weight);\r
		}\r
		if (this.options.fill) {\r
			this._path.setAttribute('fill', this.options.fillColor || this.options.color);\r
			this._path.setAttribute('fill-opacity', this.options.fillOpacity);\r
		}\r
	},\r
	\r
	_updatePath: function() {\r
		var str = this.getPathString();\r
		if (!str) {\r
			// fix webkit empty string parsing bug\r
			str = 'M0 0';\r
		}\r
		this._path.setAttribute('d', str);\r
	},\r
	\r
	_createElement: function(name) {\r
		return document.createElementNS(L.Path.SVG_NS, name);\r
	},\r
	\r
	// TODO remove duplication with L.Map\r
	_initEvents: function() {\r
		if (this.options.clickable) {\r
			if (!L.Path.VML) {\r
				this._path.setAttribute('class', 'leaflet-clickable');\r
			}\r
			\r
			L.DomEvent.addListener(this._container, 'click', this._onMouseClick, this);\r
\r
			var events = ['dblclick', 'mousedown', 'mouseover', 'mouseout'];\r
			for (var i = 0; i < events.length; i++) {\r
				L.DomEvent.addListener(this._container, events[i], this._fireMouseEvent, this);\r
			}\r
		}\r
	},\r
	\r
	_onMouseClick: function(e) {\r
		if (this._map.dragging && this._map.dragging.moved()) { return; }\r
		this._fireMouseEvent(e);\r
	},\r
	\r
	_fireMouseEvent: function(e) {\r
		if (!this.hasEventListeners(e.type)) { return; }\r
		this.fire(e.type, {\r
			latlng: this._map.mouseEventToLatLng(e),\r
			layerPoint: this._map.mouseEventToLayerPoint(e)\r
		});\r
		L.DomEvent.stopPropagation(e);\r
	},\r
	\r
	_redraw: function() {\r
		this.projectLatlngs();\r
		this._updatePath();\r
	}\r
});