a_adli/colouring-montreal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Reverse location map colour scale

Browse Source
This commit is contained in:
Tom Russell 2019-01-22 21:40:35 +00:00
parent 84686d3481
commit 1b1a5d9163
3 changed files with 14 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/map_styles/polygon.xml
View File

@ -42,23 +42,23 @@
</Style> </Style>
<Style name="location_info_count"> <Style name="location_info_count">
<Rule> <Rule>
<Filter>[location_info_count] &gt;= 5</Filter> <Filter>[location_info_count] &gt; 0 and [location_info_count] &lt; 2</Filter>
<PolygonSymbolizer fill="#f0f9e8" /> <PolygonSymbolizer fill="#f0f9e8" />
</Rule> </Rule>
<Rule> <Rule>
<Filter>[location_info_count] = 4</Filter> <Filter>[location_info_count] &gt;= 2 and [location_info_count] &lt; 4</Filter>
<PolygonSymbolizer fill="#bae4bc" /> <PolygonSymbolizer fill="#bae4bc" />
</Rule> </Rule>
<Rule> <Rule>
<Filter>[location_info_count] = 3</Filter> <Filter>[location_info_count] &gt;= 4 and [location_info_count] &lt; 6</Filter>
<PolygonSymbolizer fill="#7bccc4" /> <PolygonSymbolizer fill="#7bccc4" />
</Rule> </Rule>
<Rule> <Rule>
<Filter>[location_info_count] = 2</Filter> <Filter>[location_info_count] &gt;= 6 and [location_info_count] &lt; 8</Filter>
<PolygonSymbolizer fill="#43a2ca" /> <PolygonSymbolizer fill="#43a2ca" />
</Rule> </Rule>
<Rule> <Rule>
<Filter>[location_info_count] = 1</Filter> <Filter>[location_info_count] &gt;= 8</Filter>
<PolygonSymbolizer fill="#0868ac" /> <PolygonSymbolizer fill="#0868ac" />
</Rule> </Rule>
</Style> </Style>

11
app/src/frontend/legend.js
View File

@ -6,12 +6,13 @@ import './legend.css';
const LEGEND_CONFIG = { const LEGEND_CONFIG = {
location: { location: {
title: "Location", title: "Location",
description: "% data collected",
elements: [ elements: [
{ color: '#f0f9e8', text: '>5' }, { color: '#0868ac', text: '≥80%' },
{ color: '#bae4bc', text: '4' }, { color: '#43a2ca', text: '60–80%' },
{ color: '#7bccc4', text: '3' }, { color: '#7bccc4', text: '40–60%' },
{ color: '#43a2ca', text: '2' }, { color: '#bae4bc', text: '20–40%' },
{ color: '#0868ac', text: '1' } { color: '#f0f9e8', text: '<20%' }
] ]
}, },
age: { age: {

4
app/src/tileserver.js
View File

@ -144,7 +144,9 @@ router.get('/location/:z/:x/:y.png', function(req, res) {
case when b.location_town is null then 0 else 1 end + case when b.location_town is null then 0 else 1 end +
case when b.location_postcode is null then 0 else 1 end + case when b.location_postcode is null then 0 else 1 end +
case when b.location_latitude is null then 0 else 1 end + case when b.location_latitude is null then 0 else 1 end +
case when b.location_longitude is null then 0 else 1 end case when b.location_longitude is null then 0 else 1 end +
case when b.ref_toid is null then 0 else 1 end +
case when b.ref_osm_id is null then 0 else 1 end
) as location_info_count, ) as location_info_count,
g.geometry_geom g.geometry_geom
FROM FROM