1

Здравствуйте, у меня возникла трудность с поиском нормальной документации по react-yandex-maps. Я не могу понять как решить следующую задачу с помощью данной библиотеки, а именно, необходимо принимать адрес вида (Санкт-Петербург, ул Чудновского, дом 8, к 2) с redux и по нему выставлять метку на карте. Адреса будут динамически обновляться, хотелось бы также избежать постоянного ререндеринга компонента. Вопрос в следующем: можно ли с помощью данной библиотеки получать геопозицию по адресу или производить выставление метки по адресу приведенного формата и если да, то как? Заранее спасибо за помощь и прошу прощения, если спрашиваю очевидные вещи)

1
  • Приложите, пожалуйста, ссылку на модуль, о котором идет речь
    – Reni
    16 янв 2018 в 14:13

2 ответа 2

3

На данный момент свойство onApiAvaliable у компонента YMaps не поддерживается, вместо него необходимо использовать свойство onLoad у компонента

1

Вы можете получить ссылку на ymaps с помощью onApiAvaliable. Эта возможность недокументированная, но, похоже, это единственный способ.

const App = () => (
  <YMaps onApiAvaliable={(ymaps) => console.log(ymaps)}>
    <Map state={mapState}>
    </Map>
  </YMaps>
);

Достав ymaps вы можете спокойно использовать обычный ymaps.geocode.

class App extends React.Component {
  state = { coordinates: null };

  geocode(ymaps) {
    ymaps.geocode('Мытищи')
      .then(result => this.setState({ coordinates: result.geoObjects.get(0).geometry.getCoordinates() }))
  }

  render() {
    return (
      <YMaps onApiAvaliable={ymaps => this.geocode(ymaps)}>
        <Map state={mapState}>

          { !this.state.coordinates ? null :
            <Placemark geometry={{ coordinates: this.state.coordinates}} />
          }

        </Map>
      </YMaps>
    );
  }
}
4

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.