commit 8701e3f65af70ebb96da5096d8558e39398a8be9
parent 061d961ea3c01945e794447c0bb0371f5759764b
Author: Sergej Orlov <wladimirych@gmail.com>
Date: Thu, 10 Nov 2016 23:18:26 +0300
added bing layer
Diffstat:
2 files changed, 138 insertions(+), 2 deletions(-)
diff --git a/src/layers.js b/src/layers.js
@@ -1,9 +1,11 @@
import L from "leaflet";
import 'lib/layer.yandex/yandex';
import 'lib/layer.google/google';
+import 'lib/layer.bing/bing';
+import config from './config';
function getBaseMaps() {
- // var bingKey = 'AhZy06XFi8uAADPQvWNyVseFx4NHYAOH-7OTMKDPctGtYo86kMfx2T0zUrF5AAaM';
+ var bingKey = 'AhZy06XFi8uAADPQvWNyVseFx4NHYAOH-7OTMKDPctGtYo86kMfx2T0zUrF5AAaM';
return {
'OpenStreetMap': L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
{code: 'O', scaleDependent: true, print: true, jnx: true}
@@ -16,7 +18,7 @@ function getBaseMaps() {
'Yandex Sat': new L.Layer.Yandex('sat', {scaleDependent: false, code: 'S', print: true, jnx: true}),
'Google': new L.Layer.Google('ROADMAP', {code: 'G', scaleDependent: true, print: true, jnx: true}),
'Google Sat': new L.Layer.Google('SATELLITE', {code: 'L', print: true, jnx: true}),
- // 'Bing Sat': L.bingLayer(bingKey, {code: 'I', print: true, jnx: true}),
+ 'Bing Sat': L.bingLayer(config.bingKey, {code: 'I', print: true, jnx: true}),
'marshruty.ru': L.tileLayer('http://maps.marshruty.ru/ml.ashx?x={x}&y={y}&z={z}&i=1&al=1',
{code: 'M', maxNativeZoom: 18, noCors: true, scaleDependent: true, print: true, jnx: true}
),
diff --git a/src/lib/layer.bing/bing.js b/src/lib/layer.bing/bing.js
@@ -0,0 +1,133 @@
+import L from 'leaflet';
+
+L.BingLayer = L.TileLayer.extend({
+ options: {
+ subdomains: [0, 1, 2, 3],
+ type: 'Aerial',
+ attribution: 'Bing',
+ culture: ''
+ },
+
+ initialize: function (key, options) {
+ L.Util.setOptions(this, options);
+
+ this._key = key;
+ this._url = null;
+ this._providers = [];
+ this.metaRequested = false;
+ },
+
+ tile2quad: function (x, y, z) {
+ var quad = '';
+ for (var i = z; i > 0; i--) {
+ var digit = 0;
+ var mask = 1 << (i - 1);
+ if ((x & mask) !== 0) digit += 1;
+ if ((y & mask) !== 0) digit += 2;
+ quad = quad + digit;
+ }
+ return quad;
+ },
+
+ getTileUrl: function (tilePoint) {
+ var zoom = this._getZoomForUrl();
+ var subdomains = this.options.subdomains,
+ s = this.options.subdomains[Math.abs((tilePoint.x + tilePoint.y) % subdomains.length)];
+ return this._url.replace('{subdomain}', s)
+ .replace('{quadkey}', this.tile2quad(tilePoint.x, tilePoint.y, zoom))
+ .replace('{culture}', this.options.culture);
+ },
+
+ loadMetadata: function () {
+ if (this.metaRequested) return;
+ this.metaRequested = true;
+ var _this = this;
+ var cbid = '_bing_metadata_' + L.Util.stamp(this);
+ window[cbid] = function (meta) {
+ window[cbid] = undefined;
+ var e = document.getElementById(cbid);
+ e.parentNode.removeChild(e);
+ if (meta.errorDetails) {
+ throw new Error(meta.errorDetails);
+ return;
+ }
+ _this.initMetadata(meta);
+ };
+ var urlScheme = (document.location.protocol === 'file:') ? 'http' : document.location.protocol.slice(0, -1);
+ var url = urlScheme + '://dev.virtualearth.net/REST/v1/Imagery/Metadata/'
+ + this.options.type + '?include=ImageryProviders&jsonp=' + cbid +
+ '&key=' + this._key + '&UriScheme=' + urlScheme;
+ var script = document.createElement('script');
+ script.type = 'text/javascript';
+ script.src = url;
+ script.id = cbid;
+ document.getElementsByTagName('head')[0].appendChild(script);
+ },
+
+ initMetadata: function (meta) {
+ var r = meta.resourceSets[0].resources[0];
+ this.options.subdomains = r.imageUrlSubdomains;
+ this._url = r.imageUrl;
+ if (r.imageryProviders) {
+ for (var i = 0; i < r.imageryProviders.length; i++) {
+ var p = r.imageryProviders[i];
+ for (var j = 0; j < p.coverageAreas.length; j++) {
+ var c = p.coverageAreas[j];
+ var coverage = {zoomMin: c.zoomMin, zoomMax: c.zoomMax, active: false};
+ var bounds = new L.LatLngBounds(
+ new L.LatLng(c.bbox[0]+0.01, c.bbox[1]+0.01),
+ new L.LatLng(c.bbox[2]-0.01, c.bbox[3]-0.01)
+ );
+ coverage.bounds = bounds;
+ coverage.attrib = p.attribution;
+ this._providers.push(coverage);
+ }
+ }
+ }
+ this._update();
+ },
+
+ _update: function () {
+ if (this._url === null || !this._map) return;
+ this._update_attribution();
+ L.TileLayer.prototype._update.apply(this, []);
+ },
+
+ _update_attribution: function () {
+ var bounds = L.latLngBounds(this._map.getBounds().getSouthWest().wrap(),this._map.getBounds().getNorthEast().wrap());
+ var zoom = this._map.getZoom();
+ for (var i = 0; i < this._providers.length; i++) {
+ var p = this._providers[i];
+ if ((zoom <= p.zoomMax && zoom >= p.zoomMin) &&
+ bounds.intersects(p.bounds)) {
+ if (!p.active && this._map.attributionControl)
+ this._map.attributionControl.addAttribution(p.attrib);
+ p.active = true;
+ } else {
+ if (p.active && this._map.attributionControl)
+ this._map.attributionControl.removeAttribution(p.attrib);
+ p.active = false;
+ }
+ }
+ },
+
+ onAdd: function (map) {
+ this.loadMetadata();
+ L.TileLayer.prototype.onAdd.apply(this, [map]);
+ },
+
+ onRemove: function (map) {
+ for (var i = 0; i < this._providers.length; i++) {
+ var p = this._providers[i];
+ if (p.active && this._map.attributionControl) {
+ this._map.attributionControl.removeAttribution(p.attrib);
+ p.active = false;
+ }
+ }
+ L.TileLayer.prototype.onRemove.apply(this, [map]);
+ }
+});
+
+L.bingLayer = function (key, options) {
+ return new L.BingLayer(key, options);
+};
+\ No newline at end of file
