add plugin for yandex.com maps

fix #339
2013-06-01 19:27:07 +01:00
parent 9a389f3d24
commit 16365da2f4
2 changed files with 233 additions and 0 deletions
--- a/external/Yandex.js
+++ b/external/Yandex.js
@ -0,0 +1,157 @@
+/*
+ * L.TileLayer is used for standard xyz-numbered tile layers.
+ */
+//(function (ymaps, L) {
+
+L.Yandex = L.Class.extend({
+	includes: L.Mixin.Events,
+
+	options: {
+		minZoom: 0,
+		maxZoom: 18,
+		attribution: '',
+		opacity: 1,
+		traffic: false
+	},
+
+	// Possible types: map, satellite, hybrid, publicMap, publicMapHybrid
+	initialize: function(type, options) {
+		L.Util.setOptions(this, options);
+
+		this._type = "yandex#" + (type || 'map');
+	},
+
+	onAdd: function(map, insertAtTheBottom) {
+		this._map = map;
+		this._insertAtTheBottom = insertAtTheBottom;
+
+		// create a container div for tiles
+		this._initContainer();
+		this._initMapObject();
+
+		// set up events
+		map.on('viewreset', this._resetCallback, this);
+
+		this._limitedUpdate = L.Util.limitExecByInterval(this._update, 150, this);
+		map.on('move', this._update, this);
+
+		map._controlCorners['bottomright'].style.marginBottom = "3em";
+
+		this._reset();
+		this._update(true);
+	},
+
+	onRemove: function(map) {
+		this._map._container.removeChild(this._container);
+
+		this._map.off('viewreset', this._resetCallback, this);
+
+		this._map.off('move', this._update, this);
+
+		map._controlCorners['bottomright'].style.marginBottom = "0em";
+	},
+
+	getAttribution: function() {
+		return this.options.attribution;
+	},
+
+	setOpacity: function(opacity) {
+		this.options.opacity = opacity;
+		if (opacity < 1) {
+			L.DomUtil.setOpacity(this._container, opacity);
+		}
+	},
+
+	setElementSize: function(e, size) {
+		e.style.width = size.x + "px";
+		e.style.height = size.y + "px";
+	},
+
+	_initContainer: function() {
+		var tilePane = this._map._container,
+			first = tilePane.firstChild;
+
+		if (!this._container) {
+			this._container = L.DomUtil.create('div', 'leaflet-yandex-layer leaflet-top leaflet-left');
+			this._container.id = "_YMapContainer_" + L.Util.stamp(this);
+			this._container.style.zIndex = "auto";
+		}
+
+		if (this.options.overlay) {
+			first = this._map._container.getElementsByClassName('leaflet-map-pane')[0];
+			first = first.nextSibling;
+			// XXX: Bug with layer order
+			if (L.Browser.opera)
+				this._container.className += " leaflet-objects-pane";
+		}
+		tilePane.insertBefore(this._container, first);
+
+		this.setOpacity(this.options.opacity);
+		this.setElementSize(this._container, this._map.getSize());
+	},
+
+	_initMapObject: function() {
+		if (this._yandex) return;
+
+		// Check that ymaps.Map is ready
+		if (ymaps.Map === undefined) {
+			console.debug("L.Yandex: Waiting on ymaps.load('package.map')");
+			return ymaps.load(["package.map"], this._initMapObject, this);
+		}
+
+		// If traffic layer is requested check if control.TrafficControl is ready
+		if (this.options.traffic)
+			if (ymaps.control === undefined ||
+			    ymaps.control.TrafficControl === undefined) {
+				console.debug("L.Yandex: loading traffic and controls");
+				return ymaps.load(["package.traffic", "package.controls"],
+					this._initMapObject, this);
+			}
+
+		var map = new ymaps.Map(this._container, {center: [0,0], zoom: 0, behaviors: []});
+
+		if (this.options.traffic)
+			map.controls.add(new ymaps.control.TrafficControl({shown: true}));
+
+		if (this._type == "yandex#null") {
+			this._type = new ymaps.MapType("null", []);
+			map.container.getElement().style.background = "transparent";
+		}
+		map.setType(this._type)
+
+		this._yandex = map;
+		this._update(true);
+	},
+
+	_resetCallback: function(e) {
+		this._reset(e.hard);
+	},
+
+	_reset: function(clearOldContainer) {
+		this._initContainer();
+	},
+
+	_update: function(force) {
+		if (!this._yandex) return;
+		this._resize(force);
+
+		var center = this._map.getCenter();
+		var _center = [center.lat, center.lng];
+		var zoom = this._map.getZoom();
+
+		if (force || this._yandex.getZoom() != zoom)
+			this._yandex.setZoom(zoom);
+		this._yandex.panTo(_center, {duration: 0, delay: 0});
+	},
+
+	_resize: function(force) {
+		var size = this._map.getSize(), style = this._container.style;
+		if (style.width == size.x + "px" &&
+		    style.height == size.y + "px")
+			if (force != true) return;
+		this.setElementSize(this._container, size);
+		var b = this._map.getBounds(), sw = b.getSouthWest(), ne = b.getNorthEast();
+		this._yandex.container.fitToViewport();
+	}
+});
+//})(ymaps, L)