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}));

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

1 个答案: