cst1/openstreetmap-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Style feature in query mode to match browse mode

Browse source
This commit is contained in:
Tom Hughes 2014-03-09 14:09:34 +00:00
parent 606ac76108
commit b6438f5a9e
1 changed files with 13 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

18
app/assets/javascripts/index/query.js
View file

@ -5,6 +5,14 @@ OSM.Query = function(map) {
uninterestingTags = ['source', 'source_ref', 'source:ref', 'history', 'attribution', 'created_by', 'tiger:county', 'tiger:tlid', 'tiger:upload_uuid'],
marker;
var featureStyle = {
color: "#FF6200",
weight: 4,
opacity: 1,
fillOpacity: 0.5,
clickable: false
};
queryButton.on("click", function (e) {
e.preventDefault();
e.stopPropagation();
@ -134,11 +142,11 @@ OSM.Query = function(map) {
var geometry;
if (feature.type === "node") {
geometry = L.circleMarker([feature.lat, feature.lon]);
geometry = L.circleMarker([feature.lat, feature.lon], featureStyle);
} else if (feature.type === "way") {
geometry = L.polyline(feature.nodes.map(function (node) {
return nodes[node];
}));
}), featureStyle);
}
return geometry;
@ -211,15 +219,15 @@ OSM.Query = function(map) {
.hide();
if (marker) map.removeLayer(marker);
marker = L.circle(latlng, radius, { clickable: false }).addTo(map);
marker = L.circle(latlng, radius, featureStyle).addTo(map);
$(document).everyTime(75, "fadeQueryMarker", function (i) {
if (i == 10) {
map.removeLayer(marker);
} else {
marker.setStyle({
opacity: 0.5 - i * 0.05,
fillOpacity: 0.2 - i * 0.02
opacity: 1 - i * 0.1,
fillOpacity: 0.5 - i * 0.05
});
}
}, 10);