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

Restrict rendered tiles to zoom ≥14

Browse Source
This commit is contained in:
Tom Russell 2018-12-05 20:39:16 +00:00
parent ae4b1234e7
commit 9450f29449
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/src/frontend/map.js
View File

@ -81,14 +81,20 @@ class ColouringMap extends Component {
// pick revision id to bust browser cache // pick revision id to bust browser cache
const rev = this.props.building? this.props.building.revision_id : ''; const rev = this.props.building? this.props.building.revision_id : '';
const dataLayer = data_tileset? const dataLayer = data_tileset?
<TileLayer key={data_tileset} url={`/tiles/${data_tileset}/{z}/{x}/{y}.png?rev=${rev}`} /> <TileLayer
key={data_tileset}
url={`/tiles/${data_tileset}/{z}/{x}/{y}.png?rev=${rev}`}
minZoom={14} />
: null; : null;
// highlight // highlight
const geometry_id = (this.props.building) ? this.props.building.geometry_id : undefined; const geometry_id = (this.props.building) ? this.props.building.geometry_id : undefined;
const highlight = `/tiles/highlight/{z}/{x}/{y}.png?highlight=${geometry_id}` const highlight = `/tiles/highlight/{z}/{x}/{y}.png?highlight=${geometry_id}`
const highlightLayer = (is_building && this.props.building) ? const highlightLayer = (is_building && this.props.building) ?
<TileLayer key={this.props.building.building_id} url={highlight} /> <TileLayer
key={this.props.building.building_id}
url={highlight}
minZoom={14} />
: null; : null;
const base_layer_url = (this.state.theme === 'light')? const base_layer_url = (this.state.theme === 'light')?
@ -108,7 +114,7 @@ class ColouringMap extends Component {
onClick={this.handleClick} onClick={this.handleClick}
> >
<TileLayer url={url} attribution={attribution} /> <TileLayer url={url} attribution={attribution} />
<TileLayer url={base_layer_url} /> <TileLayer url={base_layer_url} minZoom={14} />
{ dataLayer } { dataLayer }
{ highlightLayer } { highlightLayer }
<ZoomControl position="topright" /> <ZoomControl position="topright" />