url: window.location.pathname,
method: "GET",
data: data,
- success: function(html, status, xhr) {
+ success: function(html) {
$('#sidebar_content .changesets').html(html);
updateMap();
}
$("[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]);
+ var minProjection = map.project(L.latLng(changeset.bbox.minlat, changeset.bbox.minlon)),
+ maxProjection = map.project(L.latLng(changeset.bbox.maxlat, changeset.bbox.maxlon)),
+ xGap = maxProjection.x - minProjection.x,
+ yGap = minProjection.y - maxProjection.y,
+ minXGap = 40, // Min width/height of changeset in pixels
+ minYGap = 40;
+
+ if (xGap < minXGap) {
+ minProjection.x -= ((minXGap - xGap) / 2);
+ maxProjection.x += ((minXGap - xGap) / 2);
+ }
+
+ if (yGap < minYGap) {
+ minProjection.y += ((minYGap - yGap) / 2);
+ maxProjection.y -= ((minYGap - yGap) / 2);
+ }
+
+ var minUnProjection = map.unproject(minProjection),
+ maxUnProjection = map.unproject(maxProjection),
+ bounds = [minUnProjection,
+ maxUnProjection];
+
+ changeset.bounds = L.latLngBounds(bounds);
changesets.push(changeset);
}
});