Хочу добавить карту во всплывающее окно, которое будет отображаться при клике на определенный адрес в тексте. Например, Яндекс.Почта умеет выделять адреса. Примерно так:
Как это сделать?
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуВ 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>