1с битрикс настройка яндекс карты

Обновлено: 04.07.2024

Технические вопросы по использованию API Карт вы можете задать на Stack Overflow

Команда API Яндекс.Карт

Изменено:

Исправлено:

- Правки слоя пробок.
- Правки блока «Открыть в Яндекс.Картах».
- Правки вёрстки.

Команда API Яндекс.Карт

~~UPD Временно переключили обратно на 2.1.77~~

Команда API Яндекс.Карт

API Построения маршрута между двумя точками версия v2

В версии v2 улучшена стабильность работы API и точность маршрутов. Формат запроса и формат ответа не меняются.

Команда API Яндекс.Карт

Исправлено:

- Проблема отображения панорам на Linux.
- При дублировании подключения API показываем текстовую ошибку в консоли.
- Производительность графики на iOS.
- Правки вёрстки.

Команда API Яндекс.Карт

Другие условия использования остаются прежними, например, обязательно показывать результаты геокодирования на карте. Все ограничения перечислены в документации.

Что делать, если нужно больше 1 000 запросов к Геокодеру

Всем проектам, которым не подходят условия бесплатного использования или не хватает лимита запросов, мы предлагаем перейти на коммерческую версию. Тарифы доступны по ссылке.

новый лимит начнёт действовать только с 15 ноября 2020 года, чтобы у вас было время оптимизировать сервис или подключить платный тариф;
вы можете получить скидку 50%на любой тариф Геокодера, которой можно воспользоваться до 31 декабря 2020 года.

Как будут считаться запросы для JS API и Геокодера по одному ключу

Какие обращения уменьшают остаток лимита и как считаются запросы, описано в документации.

Команда API Яндекс.Карт

Теперь вы сами можете добавлять уличные и интерьерные панорамы на Яндекс.Карты: просто загрузите снимки и укажите их координаты на Яндекс.Панорамах. Для корректной работы сервиса используйте последние версии браузеров Яндекс.Браузер и Mozilla Firefox.

организовать виртуальный тур по офису или торговому залу;
объяснить клиентам, как пройти к вам в крупном бизнес-центре;
показать уютные номера гостиницы или интерьер ресторана.

Пользователи переходят к панорамам из карточки организации или прилегающей улицы на Яндекс.Картах.

Сейчас можно добавить панорамы, которые сняты в России, Беларуси, Казахстане или Узбекистане. Полный список требований смотрите в Справке.

Подробнее о публикации панорам в инструкции.

Исправлено:

- Маркер панорамы не поворачивается при вызове метода 'setDirection()' плеера панорам.
- Атрибуты ссылок.
- Правки вёрстки.

Команда API Яндекс.Карт

Виджет отзывов — добавьте отзывы с Яндекс.Карт на свой сайт

Мы запустили виджет отзывов. Он позволяет показать на любом сайте отзывы об организации как на Яндекс.Картах.

На сайте виджет будет выглядеть так:

Как получить код виджета

1. Выберите нужную организацию на Яндекс.Картах, например, усадьбу Измайлово

3. Скопируйте код виджета отзывов для вашего сайта

Обратите внимание, что виджет работает корректно при ширине от 300px до 760px, рекомендуемая высота — не менее 500px.

Если у вас появились вопросы по использованию виджета, напишите нам.

Команда API Яндекс.Карт

Добавлено:

- Метод findOrganization() позволяет программно открыть карточку конкретной организации по её id.

Изменено:

- Блок «Открыть в Яндекс.Картах» поставляется в составе API.

Команда API Яндекс.Карт

Настройки API-ключа: как привязать ключ к доменам или IP-адресам

Ключ для API Яндекс.Карт можно привязать к доменам или IP-адресам в Кабинете разработчика. Такая настройка не позволит использовать ваш ключ в чужих сервисах — тарифицируемые запросы из «неправильного» источника вернут ошибку.

Как это работает

По умолчанию для ключа нет никаких настроек. Это означает, что запросы с ним можно делать на любом домене и с любого IP-адреса.

Владелец ключа может задать в настройках один или несколько доменов или разрешённые IP-адреса (это могут быть IPv4 или IPv6 адреса и подсети). Тогда запросы из всех других источников будут возвращать ошибку.

Настройки проверяются только для тарифицируемых запросов. Это значит, что карту можно отобразить на любом домене, но вот построить маршрут или поискать что-то получится только на домене из разрешённого списка.

Как задать ограничения

Отредактировать настройки API-ключа можно в Кабинете разработчика. Выберите ключ и нажмите «Изменить». В открывшейся форме укажите нужные ограничения по одному значению в строке.

Важно помнить, что запросы через JS API осуществляются с IP-адреса конечного пользователя.

Одностраничный компонент осуществляет отображение карты с сервиса Яндекс.Карты. Компонент является стандартным и входит в дистрибутив модуля.

Компонент относится к модулю Управление структурой.

Параметры

схема (MAP) - схематичная карта с именами улиц и объектов;
спутник (SATELLITE) - карта в виде фото со спутника;
гибрид (HYBRID) - карта в виде фото со спутника с наложенной на нее схемой основных дорог и объектов.

Панель инструментов (TOOLBAR) - кнопки Переместить карту, Увеличить и Измерить расстояние на карте;
Ползунок масштаба (ZOOM) - ползунок масштаба для управления масштабированием карты;
Кнопки масштаба (SMALLZOOM) - кнопки Увеличить масштаб и Уменьшить масштаб для управления масштабированием;
Мини-карта (MINIMAP) - включает отображение схематичной карты с крупным масштабом в левом нижнем углу карты;
Тип карты (TYPECONTROL) - кнопки Схема, Спутник или Гибрид для переключения стартового типа карты;
Шкала масштаба (SCALELINE) - в правом нижнем углу будет отображена шкала масштаба, показывающая масштаб относительно 1 см карты.

изменение масштаба колесом мыши (ENABLE_SCROLL_ZOOM) - позволяет изменять масштаб вращением колеса мыши;
изменение масштаба двойным щелчком мыши (ENABLE_DBLCLICK_ZOOM) - позволяет изменять масштаб карты двойным кликом мыши: левая кнопка - увеличение, правая кнопка - уменьшение;
перетаскивание карты (ENABLE_DRAGGING) - позволяет перетаскивать карту указателем мыши;
горячие клавиши (ENABLE_HOTKEYS) - позволяет управлять масштабом карты с помощью горячих клавиш.

Пример вызова

Пользовательские комментарии

Мы будем рады, если разработчики добавят свои комментарии по практическому использованию методов системы.

Для этого нужно всего лишь авторизоваться на сайте

Но помните, что Пользовательские комментарии, несмотря на модерацию, не являются официальной документацией. Ответственность за их использование несет сам пользователь.

Также Пользовательские комментарии не являются местом для обсуждения функционала. По подобным вопросам обращайтесь на форумы.

С помощью кнопки «Список карт» (отмечена красной стрелкой) можно просмотреть уже созданные Вами карты.

В левом части страницы располагается область, в которой задается название и описание для карты.

Конструктор позволяет сделать импорт из файла, для этого нажмите кнопку «Импорт», после чего выберите файл. (поддерживаются следующие форматы: XLSX, CSV, KML, GPX или GeoJSON ).

Чтобы правильно наполнить файл для импорта, скачайте доступные шаблоны, и измените адреса на необходимые Вам.

Для добавления адреса вручную, необходимо указать его в поисковой строке.

Далее, в модельном окне можно настроить внешний вид иконки, изменить адрес и добавить подпись к метке, которая будет отображаться рядом с иконкой на сайте.

Чтобы сохранить метку нажимает кнопку «Готово».

Когда все необходимы адреса будут добавлены на карту нажимаем кнопку «Сохранить и продолжить».

Следующим шагом выбираем как будет отображаться карта.

В левой части сайта расположены настройки карты, справа показано отображение карты.

Рассмотрим настройки карты.

Интерактивная карта — такая карта будет отзываться на действия пользователей.
Статическая карта — карта будет представлена в виде PNG изображения.

Указываем значения ширины и высоты. Если необходимо, чтобы карта растягивалась на ширину контейнера, необходимо поставить галочку «Растянуть по ширине».

Важно. Если вы хотите заменить карту на своем сайте, необходимо сделать ее точно такого же размера, как и уже существующая, иначе может нарушиться вся верстка на странице.

После завершения настроек карты нажимает кнопку «Получить код карты».

Далее, копируем полученный код и вставляем в необходимое место на сайте.

Важно. Не рекомендуется самостоятельно вносить изменения в код сайта. Неправильные действия могут нарушить работоспособность сайта.

В 1С Битрикс уже есть компонент bitrix:map.yandex.view, который выводит Яндекс.Карту и метки на ней. Но, на мой взгляд, он немного неудобен, т.к. все метки хранятся на странице вызова компонента. И, если, планируется большое количество меток, будет неудобно ими управлять.

В этом посте я расскажу как вывести элементы информационного блока на Яндекс.Карту. Я буду использовать стандартный компонент 1С Битрикс bitrix:news.list, который выводит список новостей. Давайте создадим новый тип информационного блока под названием "Объекты на карте":

Далее, добавим новый инфоблок, назовем его "Список объектов":

И добавим свойство с типом "Привязка к Яндекс.Карте" и названием "Координаты на карте":

Если Вы не хотите создавать новый тип и инфоблок, Вы можете использовать уже существующие.

Давайте добавим несколько элементов информационного блока, для того, чтобы вывести их на карте на Яндекс.Карте:

Далее, создайте страницу и разместите на ней компонент bitrix:news.list с шаблоном map. Теперь необходимо кастомизировать шаблон компонента bitrix:news.list. Для этого копируем стандартный шаблон .default из папки /bitrix/components/bitrix/news.list/templates в папку map компонента bitrix:news.list с компонентами вашего шаблона.

Для того, чтобы вывести метку на карте, нужно знать ее координаты. Координаты метки на карте можно получить из свойства элемента инфоблока COORDS. Для этого добавьте в параметр PROPERTY_CODE в вызове компонента bitrix:news.list элемент массива COORDS:

Теперь у нас есть все необходимое для вывода меток на Яндекс.Карту. Удалите код стандартного шаблона. Должно получиться так:

Инициализируйте массив $jsParams, в котором будете хранить метки:

Координаты у свойства с типом "Привязка к Яндекс.Карте" выводятся в виде строки, через запятую, широта и долгота. Поэтому, для того, чтобы получить на выходе объект, разбейте эту строку на массив. Получаем координаты меток, разбиваем строку и добавляем их в массив $jsParams со значением ключа coordPoint:

Теперь выведем Яндекс.Карту, для этого добавьте тег div с идентификатором map, нужной Вам ширины и высоты:

Создайте экземпляр класса карты, в конструкторе которого укажите id map, ее центр и коэффициент масштабирования. У меня будет Москва и масштаб 10:

Создавать карту следует после того, как веб-страница загрузится целиком. Это даст уверенность в том, что контейнер для карты создан и к нему можно обращаться по id. Чтобы инициализировать карту после загрузки страницы, можно воспользоваться функцией ready().

Функция ready вызовется тогда, когда API будет загружен и DOM сформирован:

Давайте теперь добавим метки на карту. Для этого сначала объявим переменную placemarks, в которой будем хранить объект со всеми метками. Используйте метод PhpToJSObject класса CUtil, который преобразует PHP массив в объект JS:

Теперь переберем все элементы объекта placemarks, создадим и метки на карту:

Читайте также: