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

Question

这里有人在用Kepler.gl吗？需要知道如何修改开普勒的地图中心动态吗？现在，当我加载数据时，映射默认指向0,0 lag-lng

Answer 1

如果您已经编写了自己的加载-数据-模式(类似于kepler.gl git repo中的demo-app )并将其注入到应用程序中，则可以使用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更改映射状态并稍后进行更新，如下所示：

this.props.keplerGlDispatch(updateMap({"latitude": 39.738756,"longitude": -105.023357}));