Лучшее место для получения данных реагируют карты Google

Question

Я хочу получить данные и отобразить их на реакции-google-maps

https://tomchentw.github.io/react-google-maps/#googlemap

Дело в том, что для извлечения данных мне нужны карты, связанные как запрос, и я получаю только границы карт на onIdle

onIdle = () => {
    console.log('MAP IS READY');
    console.log('GET BOUNDS IN ON IDLE: ', this.mapRef.getBounds());
  }

Если я получу данные в onIdle, компонент обновит карту и снова вызовет onIdle. Это вызывает бесконечный цикл.

Мой вопрос заключается в том, что является лучшим местом в реагирующих картах гуля для получения данных (обратите внимание, что мне нужны границы карт). Или я просто извлекаю его в onIdle и проверяю, извлекается ли он перед извлечением

Answer 1

Добавить список для карт Google, я не уверен, tilesloaded это лучшее событие. Вы можете попробовать другие события , если это не так.

const map = new google.maps.Map(...)
map.addListener('tilesloaded', () => {
    fetchYourDataHere().then((response) => {
         this.setState({googleMapsData: response})
    });
})

Реагирующие ссылки могут быть полезны для получения экземпляра карты.

Answer 2

Согласно документу react-google-maps вы должны получить границы в цикле componentWillMount.

см. Здесь Reaction-Google-карты