schnabu/maputnik
1
0
Fork 0
mirror of https://github.com/a-nyx/maputnik-with-pmtiles.git synced 2025-01-27 20:17:59 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added option to display tile boundries (issue #202)

Browse source
This commit is contained in:
orangemug 2018-06-03 17:17:45 +01:00
parent cae6cffb7b
commit 0516e587b4
2 changed files with 14 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/App.jsx
View file

@ -172,6 +172,9 @@ export default class App extends React.Component {
shortcuts: false,
export: false,
},
mapOptions: {
showTileBoundaries: !!queryObj.showTileBoundaries
},
mapFilter: queryObj["color-blindness-emulation"],
}
@ -402,6 +405,7 @@ export default class App extends React.Component {
mapRenderer() {
const mapProps = {
mapStyle: style.replaceAccessToken(this.state.mapStyle, {allowFallback: true}),
options: this.state.mapOptions,
onDataChange: (e) => {
this.layerWatcher.analyzeMap(e.map)
this.fetchSources();

12
src/components/map/MapboxGlMap.jsx
View file

@ -58,6 +58,7 @@ export default class MapboxGlMap extends React.Component {
mapStyle: PropTypes.object.isRequired,
inspectModeEnabled: PropTypes.bool.isRequired,
highlightedLayer: PropTypes.object,
options: PropTypes.object,
}
static defaultProps = {
@ -101,11 +102,18 @@ export default class MapboxGlMap extends React.Component {
}
componentDidMount() {
const map = new MapboxGl.Map({
const mapOpts = {
...this.props.options,
container: this.container,
style: this.props.mapStyle,
hash: true,
})
}
const map = new MapboxGl.Map(mapOpts);
if(mapOpts.showTileBoundaries) {
map.showTileBoundaries = mapOpts.showTileBoundaries;
}
const zoom = new ZoomControl;
map.addControl(zoom, 'top-right');