};
function highlightChangeset(id) {
- group.getLayer(id).setStyle({fillOpacity: 0.3});
+ group.getLayer(id).setStyle({fillOpacity: 0.3, color: "#FF6600", weight: 3});
$("#changeset_" + id).addClass("selected");
}
function unHighlightChangeset(id) {
- group.getLayer(id).setStyle({fillOpacity: 0});
+ group.getLayer(id).setStyle({fillOpacity: 0, color: "#FF9500", weight: 2});
$("#changeset_" + id).removeClass("selected");
}
});
}
- function updateMap() {
- group.clearLayers();
-
- var changesets = [];
-
- $("[data-changeset]").each(function () {
- var changeset = $(this).data('changeset');
- if (changeset.bbox) {
- var latWidth = changeset.bbox.maxlat - changeset.bbox.minlat;
- var lonWidth = changeset.bbox.maxlon - changeset.bbox.minlon;
- var minLatWidth = 0.0004;
- var minLonWidth = 0.0008;
+ var changesets = [];
- var bounds = [[changeset.bbox.minlat, changeset.bbox.minlon],
- [changeset.bbox.maxlat, changeset.bbox.maxlon]];
+ function updateBounds() {
+ group.clearLayers();
- if (latWidth < minLatWidth) {
- bounds[0][0] -= ((minLatWidth - latWidth) / 2);
- bounds[1][0] += ((minLatWidth - latWidth) / 2);
- }
+ 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 (lonWidth < minLonWidth) {
- bounds[0][1] -= ((minLonWidth - lonWidth) / 2);
- bounds[1][1] += ((minLonWidth - lonWidth) / 2);
- }
+ if (width < minSize) {
+ bottomLeft.x -= ((minSize - width) / 2);
+ topRight.x += ((minSize - width) / 2);
+ }
- changeset.bounds = L.latLngBounds(
- bounds);
- 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) {
for (var i = 0; i < changesets.length; ++i) {
var changeset = changesets[i],
rect = L.rectangle(changeset.bounds,
- {weight: 2, color: "#FF9500", opacity: 1, fillColor: "#FFFFBF", fillOpacity: 0});
+ {weight: 2, color: "#FF9500", opacity: 1, fillColor: "#FFFFAF", fillOpacity: 0});
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();
map.on("moveend", update);
}
+ map.on("zoomend", updateBounds);
+
update();
};