mirror of
https://github.com/FoggedLens/iD.git
synced 2026-02-14 17:52:55 +00:00
e23448c25e
After editing more with 1.5.3, I really dislike the more visible
midpoints I added in afa1efd. This commit gives the midpoints
tag classes so that we can style only *certain* midpoints more visible
(footpath, cycleway, bridleway, etc) and leave all the others dim.
106 lines
3.7 KiB
JavaScript
106 lines
3.7 KiB
JavaScript
iD.svg.Midpoints = function(projection, context) {
|
|
return function drawMidpoints(surface, graph, entities, filter, extent) {
|
|
var poly = extent.polygon(),
|
|
midpoints = {};
|
|
|
|
for (var i = 0; i < entities.length; i++) {
|
|
var entity = entities[i];
|
|
|
|
if (entity.type !== 'way')
|
|
continue;
|
|
if (!filter(entity))
|
|
continue;
|
|
if (context.selectedIDs().indexOf(entity.id) < 0)
|
|
continue;
|
|
|
|
var nodes = graph.childNodes(entity);
|
|
for (var j = 0; j < nodes.length - 1; j++) {
|
|
|
|
var a = nodes[j],
|
|
b = nodes[j + 1],
|
|
id = [a.id, b.id].sort().join('-');
|
|
|
|
if (midpoints[id]) {
|
|
midpoints[id].parents.push(entity);
|
|
} else {
|
|
if (iD.geo.euclideanDistance(projection(a.loc), projection(b.loc)) > 40) {
|
|
var point = iD.geo.interp(a.loc, b.loc, 0.5),
|
|
loc = null;
|
|
|
|
if (extent.intersects(point)) {
|
|
loc = point;
|
|
} else {
|
|
for (var k = 0; k < 4; k++) {
|
|
point = iD.geo.lineIntersection([a.loc, b.loc], [poly[k], poly[k+1]]);
|
|
if (point &&
|
|
iD.geo.euclideanDistance(projection(a.loc), projection(point)) > 20 &&
|
|
iD.geo.euclideanDistance(projection(b.loc), projection(point)) > 20)
|
|
{
|
|
loc = point;
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
if (loc) {
|
|
midpoints[id] = {
|
|
type: 'midpoint',
|
|
id: id,
|
|
loc: loc,
|
|
edge: [a.id, b.id],
|
|
parents: [entity]
|
|
};
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
function midpointFilter(d) {
|
|
if (midpoints[d.id])
|
|
return true;
|
|
|
|
for (var i = 0; i < d.parents.length; i++)
|
|
if (filter(d.parents[i]))
|
|
return true;
|
|
|
|
return false;
|
|
}
|
|
|
|
var groups = surface.select('.layer-hit').selectAll('g.midpoint')
|
|
.filter(midpointFilter)
|
|
.data(_.values(midpoints), function(d) { return d.id; });
|
|
|
|
var enter = groups.enter()
|
|
.insert('g', ':first-child')
|
|
.attr('class', 'midpoint');
|
|
|
|
enter.append('polygon')
|
|
.attr('points', '-6,8 10,0 -6,-8')
|
|
.attr('class', 'shadow');
|
|
|
|
enter.append('polygon')
|
|
.attr('points', '-3,4 5,0 -3,-4')
|
|
.attr('class', 'fill');
|
|
|
|
groups
|
|
.attr('transform', function(d) {
|
|
var translate = iD.svg.PointTransform(projection),
|
|
a = context.entity(d.edge[0]),
|
|
b = context.entity(d.edge[1]),
|
|
angle = Math.round(iD.geo.angle(a, b, projection) * (180 / Math.PI));
|
|
return translate(d) + ' rotate(' + angle + ')';
|
|
})
|
|
.call(iD.svg.TagClasses().tags(
|
|
function(d) { return d.parents[0].tags; }
|
|
));
|
|
|
|
// Propagate data bindings.
|
|
groups.select('polygon.shadow');
|
|
groups.select('polygon.fill');
|
|
|
|
groups.exit()
|
|
.remove();
|
|
};
|
|
};
|