add outline for historic map on top of it
This commit is contained in:
parent
8f1a03222c
commit
19770cd343
@ -19,6 +19,13 @@
|
||||
<MinScaleDenominator>0</MinScaleDenominator>
|
||||
</Rule>
|
||||
</Style>
|
||||
<Style name="base_night_outlines">
|
||||
<Rule>
|
||||
<LineSymbolizer stroke="#ffccccaa" stroke-width="0.5" />
|
||||
<MaxScaleDenominator>17000</MaxScaleDenominator>
|
||||
<MinScaleDenominator>0</MinScaleDenominator>
|
||||
</Rule>
|
||||
</Style>
|
||||
<Style name="number_labels">
|
||||
<Rule>
|
||||
<TextSymbolizer
|
||||
|
@ -8,7 +8,7 @@ export const initialMapViewport: MapViewport = {
|
||||
zoom: 16,
|
||||
};
|
||||
|
||||
export type MapTheme = 'light' | 'night';
|
||||
export type MapTheme = 'light' | 'night' | 'night_outlines';
|
||||
|
||||
export type BoroughEnablementState = 'enabled' | 'disabled';
|
||||
|
||||
@ -22,5 +22,6 @@ export type HistoricDataEnablementState = 'enabled' | 'disabled';
|
||||
|
||||
export const mapBackgroundColor: Record<MapTheme, string> = {
|
||||
light: '#F0EEEB',
|
||||
night: '#162639'
|
||||
night: '#162639',
|
||||
night_outlines: '#162639'
|
||||
};
|
||||
|
@ -21,6 +21,6 @@ export type BuildingMapTileset = 'date_year' |
|
||||
'dynamics_demolished_count' |
|
||||
'team';
|
||||
|
||||
export type SpecialMapTileset = 'base_light' | 'base_night' | 'highlight' | 'number_labels';
|
||||
export type SpecialMapTileset = 'base_light' | 'base_night' | 'base_night_outlines' | 'highlight' | 'number_labels';
|
||||
|
||||
export type MapTileset = BuildingMapTileset | SpecialMapTileset;
|
||||
|
@ -1,13 +1,14 @@
|
||||
import * as React from 'react';
|
||||
import { TileLayer } from 'react-leaflet';
|
||||
import { HistoricDataEnablementState } from '../../config/map-config';
|
||||
import { BuildingBaseLayer } from './building-base-layer';
|
||||
|
||||
export function HistoricDataLayer({enablement}: {enablement: HistoricDataEnablementState}) {
|
||||
if(enablement == "enabled") {
|
||||
return <TileLayer
|
||||
return <><TileLayer
|
||||
url="https://mapseries-tilesets.s3.amazonaws.com/london_1890s/{z}/{x}/{y}.png"
|
||||
attribution='© CC BY 4.0 - Reproduced with the permission of the <a href="https://maps.nls.uk/">National Library of Scotland</a>'
|
||||
/>
|
||||
/><BuildingBaseLayer theme="night_outlines" /></>
|
||||
} else {
|
||||
return null;
|
||||
}
|
||||
|
@ -13,6 +13,11 @@ const LAYER_QUERIES = {
|
||||
geometry_id
|
||||
FROM
|
||||
buildings`,
|
||||
base_night_outlines: `
|
||||
SELECT
|
||||
geometry_id
|
||||
FROM
|
||||
buildings`,
|
||||
number_labels:`
|
||||
SELECT
|
||||
geometry_id,
|
||||
|
Loading…
Reference in New Issue
Block a user