schnabu/maputnik
1
0
Fork 0
mirror of https://github.com/a-nyx/maputnik-with-pmtiles.git synced 2024-12-27 08:25:24 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix layer editor propagation problem

Browse source
This commit is contained in:
Lukas Martinelli 2016-12-17 21:32:44 +01:00
parent a05881a078
commit db8fc64eb9
1 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/app.jsx
View file

@ -41,7 +41,7 @@ export default class App extends React.Component {
this.state = {
accessToken: this.settingsStore.accessToken,
mapStyle: style.emptyStyle,
selectedLayer: null,
selectedLayerId: null,
}
}
@ -91,9 +91,10 @@ export default class App extends React.Component {
}
onLayerChanged(layer) {
console.log(layer)
const changedStyle = this.state.mapStyle.setIn('layers', layer.get('id'), layer)
this.onStyleChanged(changedStyle)
console.log('layer changed', layer)
const layers = this.state.mapStyle.get('layers')
const changedLayers = layers.set(layer.get('id'), layer)
this.onLayersChanged(changedLayers)
}
onLayerChanged(layer) {
@ -115,12 +116,11 @@ export default class App extends React.Component {
}
onLayerSelected(layerId) {
this.setState({
selectedLayer: this.state.mapStyle.getIn(['layers', layerId],null)
})
this.setState({ selectedLayerId: layerId })
}
render() {
const selectedLayer = this.state.mapStyle.getIn(['layers', this.state.selectedLayerId], null)
return <div style={{ fontFamily: theme.fontFamily, color: theme.color, fontWeight: 300 }}>
<Toolbar
mapStyle={this.state.mapStyle}
@ -156,7 +156,7 @@ export default class App extends React.Component {
width: 300,
backgroundColor: colors.gray}
}>
{this.state.selectedLayer && <LayerEditor layer={this.state.selectedLayer} onLayerChanged={this.onLayerChanged.bind(this)} />}
{selectedLayer && <LayerEditor layer={selectedLayer} onLayerChanged={this.onLayerChanged.bind(this)} />}
</div>
{this.mapRenderer()}
</div>