jeerjmin
@jeerjmin

Как сделать layout в yandex map с помощью React?

Может кто-то уже сталкивался.
Использую https://github.com/effrenus/yandex-map-react-examples.
Создаю карту и метку на ней с помощью
import { Map, Marker, BalloonLayout } from 'yandex-map-react';
  <Map width={'100%'} center={[59.91817154482064,30.30557799999997]} zoom={10}>
              <Marker lat='59.823' lon='30.28'  >
              </Marker>      
      </Map>


При нажатии на метку должно появится модальное окно с описанием места, адреса, номера телефона( чего захотите)

Стандартно это делается так, тут классическое оформление модального окна от яндекса, есть кнопка закрытия.
<Map width={'100%'} center={[59.91817154482064,30.30557799999997]} zoom={10} properties={{  balloonContentHeader: "Ресторан Катюша", balloonContentBody: "www.restorankatusha.com"  }}>


Но в браузере balloonContentBody("www.restorankatusha.com") не будет ссылкой, что очевидно.
Встала задача вставить кликабельную ссылку сайта внутрь метки.

Нашел другую возможность описания содержимого метки, но здесь появляется модальное окно при нажатии и исчезает только при нажатии на другую метку, нету стандартного оформления и соответсвенно нету кнопки-крестика для закрытия окна. И я не знаю как ее добавить, в документации яндекса говорится, что она должна быть по умолчанию, но это пакет для react... для которого отдельной документации нету.
<Map width={'100%'} state={mapState} center={[59.91817154482064,30.30557799999997]} zoom={10}>
              <Marker lat='59.823' lon='30.28'  >
                <BalloonLayout>
                <div className="Layout">
                <a href="www.google.com">Hello</a>
                </div>
                </BalloonLayout>
              </Marker>
          ))}
      </Map>


Прошу помочь!
Конечная цель добавить ссылку внутрь модального окна.
  • Вопрос задан
  • 90 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
YLab Тольятти
от 70 000 до 130 000 руб.
Leningrad Media Санкт-Петербург
от 60 000 руб.
ЭЛКОД Москва
от 120 000 руб.
18 авг. 2018, в 11:06
10000 руб./за проект
18 авг. 2018, в 10:13
500 руб./в час
18 авг. 2018, в 09:13
13000 руб./за проект