CalvinBackup/iD
1
0
Fork 0
mirror of https://github.com/FoggedLens/iD.git synced 2026-03-31 01:09:22 +02:00
Code Issues Packages Projects Releases Wiki Activity

Render areas with separate stroke and fill

Browse Source
This commit is contained in:
John Firebaugh
2013-01-26 16:39:51 -05:00
parent e153f79910
commit 269739905a
2 changed files with 44 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
css/map.css
View File

@@ -171,10 +171,13 @@ path.shadow.selected {
stroke-opacity: 0.7;
}
path.area,
path.area.stroke,
path.multipolygon {
stroke-width:2;
stroke:#fff;
}
path.area.fill,
path.multipolygon {
fill:#fff;
fill-opacity:0.3;
}
@@ -183,39 +186,48 @@ path.multipolygon {
fill-rule: evenodd;
}
path.area.member-type-multipolygon {
path.area.fill.member-type-multipolygon {
fill: none;
}
path.area.selected {
path.area.stroke.selected {
stroke-width:4 !important;
}
path.area.tag-natural,
path.area.stroke.tag-natural,
path.multipolygon.tag-natural {
stroke: #ADD6A5;
fill: #ADD6A5;
stroke-width:1;
}
path.area.fill.tag-natural,
path.multipolygon.tag-natural {
fill: #ADD6A5;
}
path.area.tag-natural-water,
path.area.stroke.tag-natural-water,
path.multipolygon.tag-natural-water {
stroke: #6382FF;
}
path.area.fill.tag-natural-water,
path.multipolygon.tag-natural-water {
fill: #ADBEFF;
}
path.area.tag-building,
path.area.stroke.tag-building,
path.multipolygon.tag-building {
stroke: #9E176A;
stroke-width: 1;
}
path.area.fill.tag-building,
path.multipolygon.tag-building {
fill: #ff6ec7;
}
path.area.tag-landuse,
path.area.tag-natural-wood,
path.area.tag-natural-tree,
path.area.tag-natural-grassland,
path.area.tag-leisure-park,
path.area.stroke.tag-landuse,
path.area.stroke.tag-natural-wood,
path.area.stroke.tag-natural-tree,
path.area.stroke.tag-natural-grassland,
path.area.stroke.tag-leisure-park,
path.multipolygon.tag-landuse,
path.multipolygon.tag-natural-wood,
path.multipolygon.tag-natural-tree,
@@ -223,14 +235,28 @@ path.multipolygon.tag-natural-grassland,
path.multipolygon.tag-leisure-park {
stroke: #006B34;
stroke-width: 1;
}
path.area.fill.tag-landuse,
path.area.fill.tag-natural-wood,
path.area.fill.tag-natural-tree,
path.area.fill.tag-natural-grassland,
path.area.fill.tag-leisure-park,
path.multipolygon.tag-landuse,
path.multipolygon.tag-natural-wood,
path.multipolygon.tag-natural-tree,
path.multipolygon.tag-natural-grassland,
path.multipolygon.tag-leisure-park {
fill: #189E59;
fill-opacity: 0.2;
}
path.area.tag-amenity-parking,
path.area.stroke.tag-amenity-parking,
path.multipolygon.tag-amenity-parking {
stroke: #beb267;
stroke-width: 1;
}
path.area.fill.tag-amenity-parking,
path.multipolygon.tag-amenity-parking {
fill: #edecc0;
}

6
js/id/svg/areas.js
View File

@@ -41,7 +41,11 @@ iD.svg.Areas = function(projection) {
return paths;
}
areas = _.pluck(areas, 'entity');
var fill = surface.select('.layer-fill'),
paths = drawPaths(fill, _.pluck(areas, 'entity'), filter, 'way area');
stroke = surface.select('.layer-stroke'),
fills = drawPaths(fill, areas, filter, 'way area fill'),
strokes = drawPaths(stroke, areas, filter, 'way area stroke');
};
};