72 lines
2.4 KiB
TypeScript
72 lines
2.4 KiB
TypeScript
|
import { TileCache } from "./tileCache";
|
||
|
|
import { BoundingBox, TileParams } from "./types";
|
||
|
|
import { StitchRenderer } from "./renderers/stitchRenderer";
|
||
|
|
import { CachedRenderer } from "./renderers/cachedRenderer";
|
||
|
|
import { BranchingRenderer } from "./renderers/branchingRenderer";
|
||
|
|
import { WindowedRenderer } from "./renderers/windowedRenderer";
|
||
|
|
import { BlankRenderer } from "./renderers/blankRenderer";
|
||
|
|
import { DatasourceRenderer } from "./renderers/datasourceRenderer";
|
||
|
|
import { getBuildingsDataConfig, getHighlightDataConfig } from "./dataDefinition";
|
||
|
|
|
||
|
|
const buildingDataRenderer = new DatasourceRenderer(getBuildingsDataConfig);
|
||
|
|
|
||
|
|
const stitchRenderer = new StitchRenderer(undefined); // depends recurrently on cache, so parameter will be set later
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Zoom level when we switch from rendering direct from database to instead composing tiles
|
||
|
|
* from the zoom level below - gets similar effect, with much lower load on Postgres
|
||
|
|
*/
|
||
|
|
const STITCH_THRESHOLD = 12;
|
||
|
|
|
||
|
|
const renderOrStitchRenderer = new BranchingRenderer(
|
||
|
|
({ z }) => z <= STITCH_THRESHOLD,
|
||
|
|
stitchRenderer, // refer to the prepared stitch renderer
|
||
|
|
buildingDataRenderer
|
||
|
|
);
|
||
|
|
|
||
|
|
const tileCache = new TileCache(
|
||
|
|
process.env.TILECACHE_PATH,
|
||
|
|
{
|
||
|
|
tilesets: ['date_year', 'size_storeys', 'location', 'likes', 'conservation_area'],
|
||
|
|
minZoom: 9,
|
||
|
|
maxZoom: 18,
|
||
|
|
scales: [1, 2]
|
||
|
|
},
|
||
|
|
({ tileset, z }: TileParams) => (tileset === 'date_year' && z <= 16) ||
|
||
|
|
((tileset === 'base_light' || tileset === 'base_night') && z <= 17) ||
|
||
|
|
z <= 13
|
||
|
|
);
|
||
|
|
|
||
|
|
const cachedRenderer = new CachedRenderer(
|
||
|
|
tileCache,
|
||
|
|
renderOrStitchRenderer
|
||
|
|
);
|
||
|
|
|
||
|
|
// set up stitch renderer to use the data renderer with caching
|
||
|
|
stitchRenderer.tileRenderer = cachedRenderer;
|
||
|
|
|
||
|
|
const highlightRenderer = new DatasourceRenderer(getHighlightDataConfig);
|
||
|
|
|
||
|
|
const highlightOrBuildingRenderer = new BranchingRenderer(
|
||
|
|
({ tileset }) => tileset === 'highlight',
|
||
|
|
highlightRenderer,
|
||
|
|
cachedRenderer
|
||
|
|
);
|
||
|
|
|
||
|
|
const blankRenderer = new BlankRenderer();
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Hard-code extent so we can short-circuit rendering and return empty/transparent tiles outside the area of interest
|
||
|
|
* bbox in CRS epsg:3857 in form: [w, s, e, n]
|
||
|
|
*/
|
||
|
|
const EXTENT_BBOX: BoundingBox = [-61149.622628, 6667754.851372, 28128.826409, 6744803.375884];
|
||
|
|
const mainRenderer = new WindowedRenderer(
|
||
|
|
EXTENT_BBOX,
|
||
|
|
highlightOrBuildingRenderer,
|
||
|
|
blankRenderer
|
||
|
|
);
|
||
|
|
|
||
|
|
export {
|
||
|
|
mainRenderer,
|
||
|
|
tileCache
|
||
|
|
};
|