Skip to content
Snippets Groups Projects
Commit 3b1288a6 authored by Dominik Hebeler's avatar Dominik Hebeler
Browse files

Marker vergößern sich beim Hover nicht mehr ganz so stark

parent e5fb253e
No related branches found
No related tags found
No related merge requests found
...@@ -57,8 +57,8 @@ $.each(searchResults, function(index, value) { ...@@ -57,8 +57,8 @@ $.each(searchResults, function(index, value) {
opening_hours = opening_hours.replace(/;/g, ",<br />"); opening_hours = opening_hours.replace(/;/g, ",<br />");
population = typeof value["extratags"]["population"] !== 'undefined' ? " (" + numberWithPoints(value["extratags"]["population"]) + " Einwohner)" : ""; population = typeof value["extratags"]["population"] !== 'undefined' ? " (" + numberWithPoints(value["extratags"]["population"]) + " Einwohner)" : "";
} }
var res = $("<div class=\"result col-xs-12\" id=\"result-"+index+"\"><div class=\"col-xs-2\"><span class=\"marker\" style=\"filter: hue-rotate("+value["huerotate"]+"deg);\">"+index+"</span></div>" + "<div class=\"col-xs-10\"><p class=\"title\">" + value["title"] + "</p>" + "<p class=\"type\">" + type + population + "</p>" + "<p class=\"address\">" + road + " " + house_number + "</p><p class=\"city\">" + city + "</p>" + "<p class=\"opening-hours\">" + opening_hours + "</p>" + "<p class=\"tags\">" + "</p><a href=\"https://maps.metager.de/nominatim/details.php?place_id="+value["place_id"]+"\" target=\"_blank\" class=\"btn btn-default btn-xs\">Details</a></div></div>"); var res = $("<div class=\"result col-xs-12\" id=\"result-"+index+"\"><div class=\"col-xs-2\"><span class=\"marker\" style=\"filter: hue-rotate("+value["huerotate"]+"deg);\">"+index+"</span></div>" + "<div class=\"col-xs-10\"><p class=\"title\">" + value["title"] + "</p>" + "<p class=\"type\">" + type + population + "</p>" + "<p class=\"address\">" + road + " " + house_number + "</p><p class=\"city\">" + city + "</p>" + "<p class=\"opening-hours\">" + opening_hours + "</p>" + "<p class=\"tags\">" + "</p><a href=\"https://maps.metager.de/nominatim/details.php?place_id="+value["place_id"]+"\" target=\"_blank\" class=\"btn btn-default btn-xs\">Details</a><a href=\"#\" target=\"_blank\" class=\"btn btn-default btn-xs route disabled\">Route berechnen</a></div></div>");
var resPopup = $("<div class=\"result col-xs-12\"> " + "<p class=\"title\">" + value["title"] + "</p>" + "<p class=\"type\">" + type + population + "</p>" + "<p class=\"address\">" + road + " " + house_number + "</p><p class=\"city\">" + city + "</p>" + "<p class=\"opening-hours\">" + opening_hours + "</p>" + "<p class=\"tags\">" + "</p>" + "<a href=\"https://maps.metager.de/nominatim/details.php?place_id="+value["place_id"]+"\" target=\"_blank\" class=\"btn btn-default btn-xs\">Details</a></div>"); var resPopup = $("<div class=\"result col-xs-12\"> " + "<p class=\"title\">" + value["title"] + "</p>" + "<p class=\"type\">" + type + population + "</p>" + "<p class=\"address\">" + road + " " + house_number + "</p><p class=\"city\">" + city + "</p>" + "<p class=\"opening-hours\">" + opening_hours + "</p>" + "<p class=\"tags\">" + "</p>" + "<a href=\"https://maps.metager.de/nominatim/details.php?place_id="+value["place_id"]+"\" target=\"_blank\" class=\"btn btn-default btn-xs\">Details</a><a href=\"#\" target=\"_blank\" class=\"btn btn-default btn-xs route disabled\">Route berechnen</a></div>");
$("#results").append(res); $("#results").append(res);
el.click(function(evt){ el.click(function(evt){
$("#popup-content").html(resPopup); $("#popup-content").html(resPopup);
...@@ -72,7 +72,7 @@ $.each(searchResults, function(index, value) { ...@@ -72,7 +72,7 @@ $.each(searchResults, function(index, value) {
value.css("filter", value.css("filter") + " grayscale(1)"); value.css("filter", value.css("filter") + " grayscale(1)");
} }
}); });
el.css("transform", "scale(1.5)"); el.css("transform", "scale(1.2)");
el.parent().css("z-index", "20000"); el.parent().css("z-index", "20000");
res.css("background-color", "#f2dede"); res.css("background-color", "#f2dede");
res.css("border-color", "#a94442"); res.css("border-color", "#a94442");
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment