mirror of
https://github.com/FoggedLens/iD.git
synced 2026-02-13 17:23:02 +00:00
a1af118f0e
Consolidate localization behavior and init to a coreLocalizer function and singleton Explicitly support `en-US` locale Rename coreData to coreFileFetcher and export a singleton rather than using a property of coreContext Add `apiConnections` property of coreContext to simplify adding a source switcher Replace some init functions with re-callable, promise-supporting `ensureLoaded` functions Make coreContext itself load the UI if a container has been specified at init time Fix code tests
93 lines
2.7 KiB
JavaScript
93 lines
2.7 KiB
JavaScript
import { displayLength } from '../util/units';
|
|
import { geoLonToMeters, geoMetersToLon } from '../geo';
|
|
import { localizer } from '../core/localizer';
|
|
|
|
|
|
export function uiScale(context) {
|
|
var projection = context.projection,
|
|
isImperial = !localizer.usesMetric(),
|
|
maxLength = 180,
|
|
tickHeight = 8;
|
|
|
|
|
|
function scaleDefs(loc1, loc2) {
|
|
var lat = (loc2[1] + loc1[1]) / 2,
|
|
conversion = (isImperial ? 3.28084 : 1),
|
|
dist = geoLonToMeters(loc2[0] - loc1[0], lat) * conversion,
|
|
scale = { dist: 0, px: 0, text: '' },
|
|
buckets, i, val, dLon;
|
|
|
|
if (isImperial) {
|
|
buckets = [5280000, 528000, 52800, 5280, 500, 50, 5, 1];
|
|
} else {
|
|
buckets = [5000000, 500000, 50000, 5000, 500, 50, 5, 1];
|
|
}
|
|
|
|
// determine a user-friendly endpoint for the scale
|
|
for (i = 0; i < buckets.length; i++) {
|
|
val = buckets[i];
|
|
if (dist >= val) {
|
|
scale.dist = Math.floor(dist / val) * val;
|
|
break;
|
|
} else {
|
|
scale.dist = +dist.toFixed(2);
|
|
}
|
|
}
|
|
|
|
dLon = geoMetersToLon(scale.dist / conversion, lat);
|
|
scale.px = Math.round(projection([loc1[0] + dLon, loc1[1]])[0]);
|
|
|
|
scale.text = displayLength(scale.dist / conversion, isImperial);
|
|
|
|
return scale;
|
|
}
|
|
|
|
|
|
function update(selection) {
|
|
// choose loc1, loc2 along bottom of viewport (near where the scale will be drawn)
|
|
var dims = context.map().dimensions(),
|
|
loc1 = projection.invert([0, dims[1]]),
|
|
loc2 = projection.invert([maxLength, dims[1]]),
|
|
scale = scaleDefs(loc1, loc2);
|
|
|
|
selection.select('.scale-path')
|
|
.attr('d', 'M0.5,0.5v' + tickHeight + 'h' + scale.px + 'v-' + tickHeight);
|
|
|
|
selection.select('.scale-textgroup')
|
|
.attr('transform', 'translate(' + (scale.px + 8) + ',' + tickHeight + ')');
|
|
|
|
selection.select('.scale-text')
|
|
.text(scale.text);
|
|
}
|
|
|
|
|
|
return function(selection) {
|
|
function switchUnits() {
|
|
isImperial = !isImperial;
|
|
selection.call(update);
|
|
}
|
|
|
|
var scalegroup = selection.append('svg')
|
|
.attr('class', 'scale')
|
|
.on('click', switchUnits)
|
|
.append('g')
|
|
.attr('transform', 'translate(10,11)');
|
|
|
|
scalegroup
|
|
.append('path')
|
|
.attr('class', 'scale-path');
|
|
|
|
scalegroup
|
|
.append('g')
|
|
.attr('class', 'scale-textgroup')
|
|
.append('text')
|
|
.attr('class', 'scale-text');
|
|
|
|
selection.call(update);
|
|
|
|
context.map().on('move.scale', function() {
|
|
update(selection);
|
|
});
|
|
};
|
|
}
|