X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/9a9b045372a6f48420a9a6dacfde52c34ab7abce..f11221f05bcdd05edd7a9f97d6d57e7baaeb4921:/app/assets/javascripts/index/history.js?ds=inline diff --git a/app/assets/javascripts/index/history.js b/app/assets/javascripts/index/history.js index d54928eb8..6274c135f 100644 --- a/app/assets/javascripts/index/history.js +++ b/app/assets/javascripts/index/history.js @@ -89,19 +89,30 @@ OSM.History = function(map) { }); } - function updateMap() { + var changesets = []; + + function updateBounds() { group.clearLayers(); - var changesets = []; + changesets.forEach(function(changeset) { + var bottomLeft = map.project(L.latLng(changeset.bbox.minlat, changeset.bbox.minlon)), + topRight = map.project(L.latLng(changeset.bbox.maxlat, changeset.bbox.maxlon)), + width = topRight.x - bottomLeft.x, + height = bottomLeft.y - topRight.y, + minSize = 20; // Min width/height of changeset in pixels + + if (width < minSize) { + bottomLeft.x -= ((minSize - width) / 2); + topRight.x += ((minSize - width) / 2); + } - $("[data-changeset]").each(function () { - var changeset = $(this).data('changeset'); - if (changeset.bbox) { - changeset.bounds = L.latLngBounds( - [changeset.bbox.minlat, changeset.bbox.minlon], - [changeset.bbox.maxlat, changeset.bbox.maxlon]); - changesets.push(changeset); + if (height < minSize) { + bottomLeft.y += ((minSize - height) / 2); + topRight.y -= ((minSize - height) / 2); } + + changeset.bounds = L.latLngBounds(map.unproject(bottomLeft), + map.unproject(topRight)); }); changesets.sort(function (a, b) { @@ -115,6 +126,16 @@ OSM.History = function(map) { rect.id = changeset.id; rect.addTo(group); } + } + + function updateMap() { + changesets = $("[data-changeset]").map(function (index,element) { + return $(element).data('changeset'); + }).get().filter(function (changeset) { + return changeset.bbox; + }); + + updateBounds(); if (window.location.pathname !== '/history') { var bounds = group.getBounds(); @@ -134,6 +155,8 @@ OSM.History = function(map) { map.on("moveend", update); } + map.on("zoomend", updateBounds); + update(); };