130 lines
3.2 KiB
JavaScript
130 lines
3.2 KiB
JavaScript
//= require jquery.simulate
|
|
|
|
OSM.Search = function(map) {
|
|
$(".search_form input[name=query]")
|
|
.on("input", function(e) {
|
|
if ($(e.target).val() == "") {
|
|
$(".describe_location").fadeIn(100);
|
|
} else {
|
|
$(".describe_location").fadeOut(100);
|
|
}
|
|
})
|
|
|
|
$("#sidebar_content")
|
|
.on("click", ".search_more a", clickSearchMore)
|
|
.on("mouseover", "p.search_results_entry:has(a.set_position)", showSearchResult)
|
|
.on("mouseout", "p.search_results_entry:has(a.set_position)", hideSearchResult)
|
|
.on("mousedown", "p.search_results_entry:has(a.set_position)", function () {
|
|
var moved = false;
|
|
$(this).one("click", function (e) {
|
|
if (!moved && !$(e.target).is('a')) {
|
|
clickSearchResult(this, e);
|
|
}
|
|
}).one("mousemove", function () {
|
|
moved = true;
|
|
});
|
|
});
|
|
|
|
function clickSearchMore(e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
|
|
var div = $(this).parents(".search_more");
|
|
|
|
$(this).hide();
|
|
div.find(".loader").show();
|
|
|
|
$.get($(this).attr("href"), function(data) {
|
|
div.replaceWith(data);
|
|
});
|
|
}
|
|
|
|
function showSearchResult(e) {
|
|
var marker = $(this).data("marker");
|
|
|
|
if (!marker) {
|
|
var data = $(this).find("a.set_position").data();
|
|
|
|
marker = L.marker([data.lat, data.lon]);
|
|
|
|
$(this).data("marker", marker);
|
|
}
|
|
|
|
map.addLayer(marker);
|
|
|
|
$(this).closest("li").addClass("selected");
|
|
}
|
|
|
|
function hideSearchResult(e) {
|
|
var marker = $(this).data("marker");
|
|
|
|
if (marker) {
|
|
map.removeLayer(marker);
|
|
}
|
|
|
|
$(this).closest("li").removeClass("selected");
|
|
}
|
|
|
|
function clickSearchResult(result, e) {
|
|
var link = $(result).find("a.set_position"),
|
|
data = link.data(),
|
|
center = L.latLng(data.lat, data.lon);
|
|
|
|
if (data.minLon && data.minLat && data.maxLon && data.maxLat) {
|
|
map.fitBounds([[data.minLat, data.minLon], [data.maxLat, data.maxLon]]);
|
|
} else {
|
|
map.setView(center, data.zoom);
|
|
}
|
|
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
|
|
// Let clicks to object browser links propagate.
|
|
if (data.type && data.id) {
|
|
link.simulate("click", e);
|
|
} else {
|
|
marker.setLatLng(center).addTo(map);
|
|
}
|
|
}
|
|
|
|
var marker = L.marker([0, 0], {icon: getUserIcon()});
|
|
|
|
var page = {};
|
|
|
|
page.pushstate = page.popstate = function(path) {
|
|
var params = querystring.parse(path.substring(path.indexOf('?') + 1));
|
|
$(".search_form input[name=query]").val(params.query);
|
|
OSM.loadSidebarContent(path, page.load);
|
|
};
|
|
|
|
page.load = function() {
|
|
$(".search_results_entry").each(function() {
|
|
var entry = $(this);
|
|
$.ajax({
|
|
url: entry.data("href"),
|
|
method: 'GET',
|
|
data: {
|
|
zoom: map.getZoom(),
|
|
minlon: map.getBounds().getWest(),
|
|
minlat: map.getBounds().getSouth(),
|
|
maxlon: map.getBounds().getEast(),
|
|
maxlat: map.getBounds().getNorth()
|
|
},
|
|
success: function(html) {
|
|
entry.html(html);
|
|
}
|
|
});
|
|
});
|
|
|
|
return map.getState();
|
|
};
|
|
|
|
page.unload = function() {
|
|
map.removeLayer(marker);
|
|
map.removeObject();
|
|
$(".search_form input[name=query]").val("");
|
|
$(".describe_location").fadeIn(100);
|
|
};
|
|
|
|
return page;
|
|
};
|