aboutsummaryrefslogtreecommitdiffstats
path: root/extlib/leaflet/src/layer/marker/Icon.js
blob: 6df036e42ebba8eb8698c24eb1d2e65538afd2db (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
L.Icon = L.Class.extend({
	iconUrl: L.ROOT_URL + 'images/marker.png',
	shadowUrl: L.ROOT_URL + 'images/marker-shadow.png',
	
	iconSize: new L.Point(25, 41),
	shadowSize: new L.Point(41, 41),
	
	iconAnchor: new L.Point(13, 41),
	popupAnchor: new L.Point(0, -33),
	
	initialize: function(iconUrl) {
		if (iconUrl) {
			this.iconUrl = iconUrl;
		}
	},
	
	createIcon: function() {
		return this._createIcon('icon');
	},
	
	createShadow: function() {
		return this._createIcon('shadow');
	},
	
	_createIcon: function(name) {
		var size = this[name + 'Size'],
			src = this[name + 'Url'],
			img = this._createImg(src);
		
		if (!src) { return null; }
		
		img.className = 'leaflet-marker-' + name;
		
		img.style.marginLeft = (-this.iconAnchor.x) + 'px';
		img.style.marginTop = (-this.iconAnchor.y) + 'px';
		
		if (size) {
			img.style.width = size.x + 'px';
			img.style.height = size.y + 'px';
		}
		
		return img;
	},
	
	_createImg: function(src) {
		var el;
		if (!L.Browser.ie6) {
			el = document.createElement('img');
			el.src = src;
		} else {
			el = document.createElement('div');
			el.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + src + '")';
		}
		return el;
	}
});