Mapbox Kepler.gl地图中心默认设置为0,0

Mapbox Kepler.gl地图中心默认设置为0,0,mapbox,mapbox-gl,kepler.gl,Mapbox,Mapbox Gl,Kepler.gl,有人在用开普勒gl吗?需要知道如何修改开普勒的地图中心动态吗?现在,当我加载数据时,地图默认指向0,0滞后lng如果您已经编写了自己的加载数据模式(类似于kepler.gl git repo中的),并将其注入到应用程序中,您可以使用updateMap函数设置地图状态。在load-data-modal.js的顶部,添加以下行: import {updateMap} from 'kepler.gl/actions'; 为了分派操作,您需要向组件添加分派函数。一种方法是使用redux connect

有人在用开普勒gl吗?需要知道如何修改开普勒的地图中心动态吗?现在,当我加载数据时,地图默认指向0,0滞后lng

如果您已经编写了自己的加载数据模式(类似于kepler.gl git repo中的),并将其注入到应用程序中,您可以使用updateMap函数设置地图状态。在load-data-modal.js的顶部,添加以下行:

import {updateMap} from 'kepler.gl/actions';
为了分派操作,您需要向组件添加分派函数。一种方法是使用redux connect:

import {connect} from 'react-redux';
然后在文件的底部,将导出替换为

const mapStateToProps = state => state
const mapDispatchToProps = (dispatch, props) => ({
    dispatch,
    keplerGlDispatch: forwardTo("map", dispatch)
});

export default connect(
    mapStateToProps,
    mapDispatchToProps
)(LoadDataModal); 
完成此操作后,可以使用updateMap更改映射状态并更新lat lon,如下所示:

this.props.keplerGlDispatch(updateMap({"latitude": 39.738756,"longitude": -105.023357}));
非常感谢:),我会试试看。