mirror of
https://github.com/FoggedLens/iD.git
synced 2026-02-14 01:33:03 +00:00
1c9719d763
(closes #4327) This allows the real tiles to overzoom, so the user does not see tiles with the "map data not yet available" message
325 lines
9.4 KiB
JavaScript
325 lines
9.4 KiB
JavaScript
import * as d3 from 'd3';
|
|
import _ from 'lodash';
|
|
import { t } from '../util/locale';
|
|
import { geoExtent, geoPolygonIntersectsPolygon } from '../geo/index';
|
|
import { jsonpRequest } from '../util/jsonp_request';
|
|
|
|
|
|
function localeDateString(s) {
|
|
if (!s) return null;
|
|
var d = new Date(s);
|
|
if (isNaN(d.getTime())) return null;
|
|
return d.toLocaleDateString();
|
|
}
|
|
|
|
function vintageRange(vintage) {
|
|
var s;
|
|
if (vintage.start || vintage.end) {
|
|
s = (vintage.start || '?');
|
|
if (vintage.start !== vintage.end) {
|
|
s += ' - ' + (vintage.end || '?');
|
|
}
|
|
}
|
|
return s;
|
|
}
|
|
|
|
|
|
export function rendererBackgroundSource(data) {
|
|
var source = _.clone(data),
|
|
offset = [0, 0],
|
|
name = source.name,
|
|
description = source.description,
|
|
best = !!source.best,
|
|
template = source.template;
|
|
|
|
source.scaleExtent = data.scaleExtent || [0, 20];
|
|
source.overzoom = data.overzoom !== false;
|
|
|
|
|
|
source.offset = function(_) {
|
|
if (!arguments.length) return offset;
|
|
offset = _;
|
|
return source;
|
|
};
|
|
|
|
|
|
source.nudge = function(_, zoomlevel) {
|
|
offset[0] += _[0] / Math.pow(2, zoomlevel);
|
|
offset[1] += _[1] / Math.pow(2, zoomlevel);
|
|
return source;
|
|
};
|
|
|
|
|
|
source.name = function() {
|
|
var id_safe = source.id.replace('.', '<TX_DOT>');
|
|
return t('imagery.' + id_safe + '.name', { default: name });
|
|
};
|
|
|
|
|
|
source.description = function() {
|
|
var id_safe = source.id.replace('.', '<TX_DOT>');
|
|
return t('imagery.' + id_safe + '.description', { default: description });
|
|
};
|
|
|
|
|
|
source.best = function() {
|
|
return best;
|
|
};
|
|
|
|
|
|
source.area = function() {
|
|
if (!data.polygon) return Number.MAX_VALUE; // worldwide
|
|
var area = d3.geoArea({ type: 'MultiPolygon', coordinates: [ data.polygon ] });
|
|
return isNaN(area) ? 0 : area;
|
|
};
|
|
|
|
|
|
source.imageryUsed = function() {
|
|
return name || source.id;
|
|
};
|
|
|
|
|
|
source.template = function(_) {
|
|
if (!arguments.length) return template;
|
|
if (source.id === 'custom') template = _;
|
|
return source;
|
|
};
|
|
|
|
|
|
source.url = function(coord) {
|
|
return template
|
|
.replace('{x}', coord[0])
|
|
.replace('{y}', coord[1])
|
|
// TMS-flipped y coordinate
|
|
.replace(/\{[t-]y\}/, Math.pow(2, coord[2]) - coord[1] - 1)
|
|
.replace(/\{z(oom)?\}/, coord[2])
|
|
.replace(/\{switch:([^}]+)\}/, function(s, r) {
|
|
var subdomains = r.split(',');
|
|
return subdomains[(coord[0] + coord[1]) % subdomains.length];
|
|
})
|
|
.replace('{u}', function() {
|
|
var u = '';
|
|
for (var zoom = coord[2]; zoom > 0; zoom--) {
|
|
var b = 0;
|
|
var mask = 1 << (zoom - 1);
|
|
if ((coord[0] & mask) !== 0) b++;
|
|
if ((coord[1] & mask) !== 0) b += 2;
|
|
u += b.toString();
|
|
}
|
|
return u;
|
|
});
|
|
};
|
|
|
|
|
|
source.intersects = function(extent) {
|
|
extent = extent.polygon();
|
|
return !data.polygon || data.polygon.some(function(polygon) {
|
|
return geoPolygonIntersectsPolygon(polygon, extent, true);
|
|
});
|
|
};
|
|
|
|
|
|
source.validZoom = function(z) {
|
|
return source.scaleExtent[0] <= z &&
|
|
(source.overzoom || source.scaleExtent[1] > z);
|
|
};
|
|
|
|
|
|
source.isLocatorOverlay = function() {
|
|
return source.id === 'mapbox_locator_overlay';
|
|
};
|
|
|
|
|
|
source.copyrightNotices = function() {};
|
|
|
|
|
|
source.getVintage = function(center, tileCoord, callback) {
|
|
var vintage = {
|
|
start: localeDateString(source.startDate),
|
|
end: localeDateString(source.endDate)
|
|
};
|
|
vintage.range = vintageRange(vintage);
|
|
callback(null, vintage);
|
|
};
|
|
|
|
|
|
return source;
|
|
}
|
|
|
|
|
|
rendererBackgroundSource.Bing = function(data, dispatch) {
|
|
// http://msdn.microsoft.com/en-us/library/ff701716.aspx
|
|
// http://msdn.microsoft.com/en-us/library/ff701701.aspx
|
|
|
|
data.template = 'https://ecn.t{switch:0,1,2,3}.tiles.virtualearth.net/tiles/a{u}.jpeg?g=587&mkt=en-gb&n=z';
|
|
|
|
var bing = rendererBackgroundSource(data),
|
|
key = 'Arzdiw4nlOJzRwOz__qailc8NiR31Tt51dN2D7cm57NrnceZnCpgOkmJhNpGoppU', // Same as P2 and JOSM
|
|
url = 'https://dev.virtualearth.net/REST/v1/Imagery/Metadata/Aerial?include=ImageryProviders&key=' +
|
|
key + '&jsonp={callback}',
|
|
cache = {},
|
|
providers = [];
|
|
|
|
jsonpRequest(url, function(json) {
|
|
providers = json.resourceSets[0].resources[0].imageryProviders.map(function(provider) {
|
|
return {
|
|
attribution: provider.attribution,
|
|
areas: provider.coverageAreas.map(function(area) {
|
|
return {
|
|
zoom: [area.zoomMin, area.zoomMax],
|
|
extent: geoExtent([area.bbox[1], area.bbox[0]], [area.bbox[3], area.bbox[2]])
|
|
};
|
|
})
|
|
};
|
|
});
|
|
dispatch.call('change');
|
|
});
|
|
|
|
|
|
bing.copyrightNotices = function(zoom, extent) {
|
|
zoom = Math.min(zoom, 21);
|
|
return providers.filter(function(provider) {
|
|
return _.some(provider.areas, function(area) {
|
|
return extent.intersects(area.extent) &&
|
|
area.zoom[0] <= zoom &&
|
|
area.zoom[1] >= zoom;
|
|
});
|
|
}).map(function(provider) {
|
|
return provider.attribution;
|
|
}).join(', ');
|
|
};
|
|
|
|
|
|
bing.getVintage = function(center, tileCoord, callback) {
|
|
var tileId = tileCoord.slice(0, 3).join('/'),
|
|
zoom = Math.min(tileCoord[2], 21),
|
|
centerPoint = center[1] + ',' + center[0], // lat,lng
|
|
url = 'https://dev.virtualearth.net/REST/v1/Imagery/Metadata/Aerial/' + centerPoint +
|
|
'?zl=' + zoom + '&key=' + key + '&jsonp={callback}';
|
|
|
|
if (!cache[tileId]) {
|
|
cache[tileId] = {};
|
|
}
|
|
if (cache[tileId] && cache[tileId].vintage) {
|
|
return callback(null, cache[tileId].vintage);
|
|
}
|
|
|
|
jsonpRequest(url, function(result) {
|
|
var err = (!result && 'Unknown Error') || result.errorDetails;
|
|
if (err) {
|
|
return callback(err);
|
|
} else {
|
|
var vintage = {
|
|
start: localeDateString(result.resourceSets[0].resources[0].vintageStart),
|
|
end: localeDateString(result.resourceSets[0].resources[0].vintageEnd)
|
|
};
|
|
vintage.range = vintageRange(vintage);
|
|
cache[tileId].vintage = vintage;
|
|
return callback(null, vintage);
|
|
}
|
|
});
|
|
};
|
|
|
|
|
|
bing.terms_url = 'https://blog.openstreetmap.org/2010/11/30/microsoft-imagery-details';
|
|
|
|
|
|
return bing;
|
|
};
|
|
|
|
|
|
|
|
rendererBackgroundSource.Esri = function(data) {
|
|
|
|
// don't request blank tiles, instead overzoom real tiles - #4327
|
|
if (data.template.match(/blankTile/) === null) {
|
|
data.template = data.template + '?blankTile=false';
|
|
}
|
|
|
|
var esri = rendererBackgroundSource(data),
|
|
cache = {};
|
|
|
|
esri.getVintage = function(center, tileCoord, callback) {
|
|
var tileId = tileCoord.slice(0, 3).join('/');
|
|
// FIXME: construct service URL
|
|
// zoom = Math.min(tileCoord[2], esri.scaleExtent[1]),
|
|
// centerPoint = center[1] + ',' + center[0], // lat,lng
|
|
// url = 'https://dev.virtualearth.net/REST/v1/Imagery/Metadata/Aerial/' + centerPoint +
|
|
// '?zl=' + zoom + '&key=' + key + '&jsonp={callback}';
|
|
|
|
if (!cache[tileId]) {
|
|
cache[tileId] = {};
|
|
}
|
|
if (cache[tileId] && cache[tileId].vintage) {
|
|
return callback(null, cache[tileId].vintage);
|
|
}
|
|
|
|
// FIXME: remove dummy result:
|
|
callback(null, { start: null, end: null, range: '? - ?'});
|
|
|
|
// FIXME: call service instead:
|
|
// jsonpRequest(url, function(result) {
|
|
// var err = (!result && 'Unknown Error') || result.errorDetails;
|
|
// if (err) {
|
|
// return callback(err);
|
|
// } else {
|
|
// var vintage = {
|
|
// start: localeDateString(result.resourceSets[0].resources[0].vintageStart),
|
|
// end: localeDateString(result.resourceSets[0].resources[0].vintageEnd)
|
|
// };
|
|
// vintage.range = vintageRange(vintage);
|
|
// cache[tileId].vintage = vintage;
|
|
// return callback(null, vintage);
|
|
// }
|
|
// });
|
|
};
|
|
|
|
return esri;
|
|
};
|
|
|
|
|
|
rendererBackgroundSource.None = function() {
|
|
var source = rendererBackgroundSource({ id: 'none', template: '' });
|
|
|
|
|
|
source.name = function() {
|
|
return t('background.none');
|
|
};
|
|
|
|
|
|
source.imageryUsed = function() {
|
|
return 'None';
|
|
};
|
|
|
|
|
|
source.area = function() {
|
|
return -1; // sources in background pane are sorted by area
|
|
};
|
|
|
|
|
|
return source;
|
|
};
|
|
|
|
|
|
rendererBackgroundSource.Custom = function(template) {
|
|
var source = rendererBackgroundSource({ id: 'custom', template: template });
|
|
|
|
|
|
source.name = function() {
|
|
return t('background.custom');
|
|
};
|
|
|
|
|
|
source.imageryUsed = function() {
|
|
return 'Custom (' + source.template() + ')';
|
|
};
|
|
|
|
|
|
source.area = function() {
|
|
return -2; // sources in background pane are sorted by area
|
|
};
|
|
|
|
|
|
return source;
|
|
};
|