我试图弄清楚如何自定义kepler.gl 的mapbox 样式。我想让 mapbox 组件填充屏幕的宽度和高度。
我已经尝试使用调度程序更新它但没有成功:
this.props.dispatch(loadCustomMapStyle({inputStyle: {url: 'mapbox://styles/mapbox/navigation-guidance-day-v4', id: 'some-id', style: {width: '100%', height: '100%'}}}));
this.props.dispatch(addCustomMapStyle());
我还尝试使用 styled-components ThemeProvider:
<ThemeProvider theme={{width: '100%', height:'100%'}}>
<KeplerGl
id="foo"
mapboxApiAccessToken={'API_KEY'}
store={store}
/>
</ThemeProvider>
任何帮助将不胜感激!