Kepler.gl Map Center По умолчанию установлено значение 0,0 - PullRequest
Новая
       29

Kepler.gl Map Center По умолчанию установлено значение 0,0

0 голосов
/ 05 июля 2018

Кто-нибудь использует Kepler.gl здесь? Нужно знать, как изменить динамический центр карты Кеплера? Теперь, когда я загружаю данные, карта по умолчанию указывает на 0,0 lag-lng

1 Ответ

0 голосов
/ 16 июля 2018

Если вы написали свой собственный способ загрузки данных (аналогично демо-приложению в репозитории kepler.gl git) и внедрили его в приложение, вы можете использовать функцию 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}));
...