mirror of
https://github.com/FoggedLens/iD.git
synced 2026-02-16 18:52:57 +00:00
fb88b046cc
Hash updates turn out to be very timing sensitive. While it's OK for drag gestures to be throttled with a trailing edge, manual moves such as zooming to a particular feature should always trigger a leading edge update. To recoup the performance, we could refactor the map events to the standard movestart, move, and moveend, and update the hash only on moveend. Fixes #2023
69 lines
2.0 KiB
JavaScript
69 lines
2.0 KiB
JavaScript
iD.behavior.Hash = function(context) {
|
|
var s0 = null, // cached location.hash
|
|
lat = 90 - 1e-8; // allowable latitude range
|
|
|
|
var parser = function(map, s) {
|
|
var q = iD.util.stringQs(s);
|
|
var args = (q.map || '').split('/').map(Number);
|
|
if (args.length < 3 || args.some(isNaN)) {
|
|
return true; // replace bogus hash
|
|
} else if (s !== formatter(map).slice(1)) {
|
|
map.centerZoom([args[1],
|
|
Math.min(lat, Math.max(-lat, args[2]))], args[0]);
|
|
}
|
|
};
|
|
|
|
var formatter = function(map) {
|
|
var center = map.center(),
|
|
zoom = map.zoom(),
|
|
precision = Math.max(0, Math.ceil(Math.log(zoom) / Math.LN2));
|
|
var q = iD.util.stringQs(location.hash.substring(1));
|
|
return '#' + iD.util.qsString(_.assign(q, {
|
|
map: zoom.toFixed(2) +
|
|
'/' + center[0].toFixed(precision) +
|
|
'/' + center[1].toFixed(precision)
|
|
}), true);
|
|
};
|
|
|
|
function update() {
|
|
var s1 = formatter(context.map());
|
|
if (s0 !== s1) location.replace(s0 = s1); // don't recenter the map!
|
|
}
|
|
|
|
var move = _.throttle(update, 500);
|
|
|
|
function hashchange() {
|
|
if (location.hash === s0) return; // ignore spurious hashchange events
|
|
if (parser(context.map(), (s0 = location.hash).substring(1))) {
|
|
update(); // replace bogus hash
|
|
}
|
|
}
|
|
|
|
function hash() {
|
|
context.map()
|
|
.on('move.hash', move);
|
|
|
|
d3.select(window)
|
|
.on('hashchange.hash', hashchange);
|
|
|
|
if (location.hash) {
|
|
var q = iD.util.stringQs(location.hash.substring(1));
|
|
if (q.id) context.loadEntity(q.id, !q.map);
|
|
hashchange();
|
|
if (q.map) hash.hadHash = true;
|
|
}
|
|
}
|
|
|
|
hash.off = function() {
|
|
context.map()
|
|
.on('move.hash', null);
|
|
|
|
d3.select(window)
|
|
.on('hashchange.hash', null);
|
|
|
|
location.hash = '';
|
|
};
|
|
|
|
return hash;
|
|
};
|