73 lines
2 KiB
JavaScript
73 lines
2 KiB
JavaScript
$(document).ready(function () {
|
|
var changesets = [], rects = {};
|
|
|
|
var map = L.map("changeset_list_map", {
|
|
attributionControl: false,
|
|
zoomControl: false
|
|
}).addLayer(new L.OSM.Mapnik());
|
|
|
|
L.OSM.zoom()
|
|
.addTo(map);
|
|
|
|
var group = L.featureGroup().addTo(map);
|
|
|
|
$("[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);
|
|
}
|
|
});
|
|
|
|
changesets.sort(function (a, b) {
|
|
return b.bounds.getSize() - a.bounds.getSize();
|
|
});
|
|
|
|
for (var i = 0; i < changesets.length; ++i) {
|
|
var changeset = changesets[i],
|
|
rect = L.rectangle(changeset.bounds,
|
|
{weight: 2, color: "#ee9900", fillColor: "#ffff55", fillOpacity: 0});
|
|
rect.id = changeset.id;
|
|
rects[changeset.id] = rect;
|
|
rect.addTo(group);
|
|
}
|
|
|
|
function highlightChangeset(id) {
|
|
rects[id].setStyle({fillOpacity: 0.5});
|
|
$("#changeset_" + id).addClass("selected");
|
|
}
|
|
|
|
function unHighlightChangeset(id) {
|
|
rects[id].setStyle({fillOpacity: 0});
|
|
$("#changeset_" + id).removeClass("selected");
|
|
}
|
|
|
|
group.on({
|
|
mouseover: function (e) {
|
|
highlightChangeset(e.layer.id);
|
|
},
|
|
mouseout: function (e) {
|
|
unHighlightChangeset(e.layer.id);
|
|
}
|
|
});
|
|
|
|
$("[data-changeset]").on({
|
|
mouseover: function () {
|
|
highlightChangeset($(this).data("changeset").id);
|
|
},
|
|
mouseout: function () {
|
|
unHighlightChangeset($(this).data("changeset").id);
|
|
}
|
|
});
|
|
|
|
$(window).scroll(function() {
|
|
if ($(window).scrollTop() > $('.content-heading').outerHeight() + $('#top-bar').outerHeight() ) {
|
|
$('#changeset_list_map_wrapper').addClass('scrolled');
|
|
} else {
|
|
$('#changeset_list_map_wrapper').removeClass('scrolled');
|
|
}
|
|
});
|
|
|
|
map.fitBounds(OSM.mapParams().bounds || group.getBounds());
|
|
});
|