Added color swatch to <FeatureLayerPopup/>

This commit is contained in:
orangemug
2018-10-27 14:04:13 +01:00
parent 3d2a1d5d19
commit cf391031f0
2 changed files with 78 additions and 16 deletions

View File

@@ -156,7 +156,7 @@ export default class MapboxGlMap extends React.Component {
return renderPropertyPopup(features)
} else {
var mountNode = document.createElement('div');
ReactDOM.render(<FeatureLayerPopup features={features} onLayerSelect={this.props.onLayerSelect} />, mountNode)
ReactDOM.render(<FeatureLayerPopup features={features} onLayerSelect={this.props.onLayerSelect} zoom={this.state.zoom} />, mountNode)
return mountNode
}
}
@@ -164,7 +164,11 @@ export default class MapboxGlMap extends React.Component {
map.addControl(inspect)
map.on("style.load", () => {
this.setState({ map, inspect });
this.setState({
map,
inspect,
zoom: map.getZoom()
});
})
map.on("data", e => {
@@ -173,6 +177,12 @@ export default class MapboxGlMap extends React.Component {
map: this.state.map
})
})
map.on("zoom", e => {
this.setState({
zoom: map.getZoom()
});
})
}
render() {