Яндекс.Карта сети торговых точек
Яндекс.Карта сети торговых точек
Если у вас есть много адресов (торговых точек, сеть филиалов и прочее), которые хранятся в инфоблоке, то с помощью нашего компонента вы можете вывести все эти точки на Яндекс.Карту, причем вы будете иметь следующие возможности:
1. Возможность вывода на карту объектов из инфоблока. Для реализации данного данной возможности был использован геокодер – сервис для определения координат географических объектов по их названиям или адресам. Адреса выбираются из специально созданного свойства инфоблока.
2. Возможность выбора собственного изображения для метки на карте.
3. В панель инструментов добавлена кнопка для разворачивания карты на весь экран.
4. При наведении курсора на метку появляется всплывающая подсказка – название объекта (название элемента инфоблока).
5. При клике по метке на карте открывается всплывающее окно («балун»), содержащее: заголовок(адрес или название объекта), картинку для анонса(по выбору пользователя), текст анонса, ссылка на схему проезда, а также ссылка на страницу детального описания элемента. Для вывода информации был задан собственный шаблон оформления содержимого «балуна».
Компонент может быть использован для указания на карте сети торговых точек, пунктов получения товаров и других объектов. Смотрите скриншоты.
Также реализована возможность перехода к определенной метке на карте по клику из списка адресов. Для этого в настройках компонента поставьте галку «Отображать список адресов» и под картой появится список с соответствующими ссылками «показать на карте». (Для разработчиков: для этого необходимо вызвать функцию JavaScript showAddress_MAP_ID(ITEM_ID), где MAP_ID – идентификатор карты, указанный в настройках компонента (необходимо, т.к. на странице может быть размещено несколько компонент карт), ITEM_ID – идентификатор элемента инфоблока, информация из которого представлена на карте). При вызове функции центр карты плавно перемещается к адресу выбранного объекта, и раскрывается всплывающее окно с информацией по этому объекту. Пример использования данной возможности представлен на рисунке 5.
Компонент работает с 1-й версией API Яндекс.Карт!
Персональные рекомендации