0

Хочу добавить карту во всплывающее окно, которое будет отображаться при клике на определенный адрес в тексте. Например, Яндекс.Почта умеет выделять адреса. Примерно так:

введите сюда описание изображения

Как это сделать?

1 ответ 1

2

В JS API Яндекс.Карт есть Геоссылка - модуль Geolink, который позволяет выделить адрес, координаты или название организации в тексте страницы. При клике будет открыта статическая карта с возможностью перейти на Яндекс.Карты.

Как добавить:

Загрузить на страницу код API с модулем Geolink. Для этого нужно в заголовок HTML-страницы вставить строку:

<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU&load=Geolink"
 type="text/javascript"></script>

Обернуть нужный текст в HTML-элемент с CSS-классом «ymaps-geolink»:

<span class="ymaps-geolink"> Москва, ул. Крылатские холмы, 26 </span>

Документация | Примеры

6
  • допустим....а как тогда быть если это не дом а просто улица? сквер к примеру, фонтан? 6 сен 2018 в 14:08
  • @DenisRodionov вы можете также указать адрес с точностью до улицы. Фонтан тоже можно указать, но тут весь вопрос, найдётся ли он на Яндекс.Картах по запросу, обернутому в ссылку.
    – Reni
    6 сен 2018 в 20:35
  • Я еще раз говорю. Я не говорю про дом, у которого есть улица и номер дома я говорю про объекты на улицы не имеющие ну улицу можно указать... но фонтан...у него чтоб точно указать это только через географич. координаты...надеюсь сейчас то поняли про что имею ввиду... 7 сен 2018 в 6:18
  • @DenisRodionov давайте без грубости. Тоже ещё раз повторюсь, обернуть в Геоссылку можно любой текст, но результат будет только, если по этому запросу можно найти объект на картах Яндекса. Раз словами вы не понимаете, вот пример
    – Reni
    7 сен 2018 в 8:48
  • @Reni как задать направление появления мини-окна с картой? сейчас она в footer'е и улетает вниз, сдвигая весь стиль подвала.. ![введите сюда описание изображения](i.stack.imgur.com/D9lKP.jpg) 23 окт 2018 в 15:18

Ваш ответ

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

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