cst1/openstreetmap-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

preserve visual center of map on sidebar transitions

Browse source
This commit is contained in:
John Firebaugh 2013-11-08 16:49:46 -08:00
parent a805e0b545
commit 1082d3a653
4 changed files with 21 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

20
app/assets/javascripts/index.js
View file

@ -158,19 +158,31 @@ $(document).ready(function () {
OSM.Index = function(map) {
var page = {};
page.pushstate = page.popstate = function(path) {
$("#content").addClass("overlay-sidebar");
map.invalidateSize();
function loadContent(path) {
$('#sidebar_content').load(path + "?xhr=1", function(a, b, xhr) {
if (xhr.getResponseHeader('X-Page-Title')) {
document.title = xhr.getResponseHeader('X-Page-Title');
}
});
}
page.pushstate = function(path) {
$("#content").addClass("overlay-sidebar");
map.invalidateSize({pan: false})
.panBy([-300, 0], {animate: false});
loadContent(path);
};
page.popstate = function(path) {
$("#content").addClass("overlay-sidebar");
map.invalidateSize({pan: false});
loadContent(path);
};
page.unload = function() {
map.panBy([300, 0], {animate: false});
$("#content").removeClass("overlay-sidebar");
map.invalidateSize();
map.invalidateSize({pan: false});
};
return page;

2
app/assets/javascripts/router.js
View file

@ -88,7 +88,7 @@ OSM.Router = function(map, rts) {
currentRoute = routes.recognize(currentPath);
currentRoute.run('popstate', currentPath);
var state = e.originalEvent.state;
map.setView(state.center, state.zoom);
map.setView(state.center, state.zoom, {animate: false});
map.updateLayers(state.layers);
});