@boxe

Как в React и react-yandex-maps отмечать объект в списке при клике на него на карте?

Привет, Тостер!

Застрял, реально застрял с такой проблемой. Есть станица «Контакты» на сайте. На странице — карта и список объектов (филиалов). Остальное элементы опустим для упрощения.

Что нужно: взять из API информацию о филиале, добавить в список под картой и поставить соответствующую метку на карте (в API есть даже координаты).

Также нужно при клике на метку на карте вывести отдельный блок-информацию (который почти повторяет блок-описание, но содержит дополнительные данные). Схематично для простоты восприятия (гео-метки сделал специально разные, это не важно):

59ebc44df414b772264499.png

Для карты используется react-yandex-maps. Реакт только учу, поэтому много туплю из-за свалившихся задач.

Вопросы такие:

1. Как одновременно выводить филиал и в списке в филиалов и добавлять гео-метку на карту?
2. Как при клике на гео-метку развернуть дополнительное описание и поменять иконку на карте (чтобы было видно, куда ткнули)? Вот так наглядно:
59ebc60d85320345730691.png

Как правильно это сделать? В одном компоненте? Передавать состояния? Я увы, плохо всё это понимаю, но стараюсь. Подскажите, пожалуйста?
  • Вопрос задан
  • 1075 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы