Меню

bitrix настройка яндекс карты

Привязка к Яндекс карте

Задача: Есть инфоблок со свойством «Привязка к Яндекс. Карте» с символьным кодом «MAP». У элемента этого инфоблока имеется адрес. Нужно показать этот адрес на карте.

Добавляем Яндекс карты.

Добавляем на нужную страницу компонент «Яндекс.Карты: настраиваемая карта»(«bitrix:map.yandex.view«) . Сразу копируем шаблон этого компонента(рис.1).

Готовим координаты для Yandex карты.

Чтобы отобразить наши координаты, которые хранятся в свойстве «MAP», нужно считать их из элемента инфоблока и представить компоненту в понятном для него виде:

Теперь в массиве $arResult хранятся наши координаты и имя элемента в понятном для компонента виде. Вот теперь можно передать $arResult в компонент :

Привязка к карте, последнии шаги.

Исправим немного отображение элемента на карте. Предварительно скопируем компонент «Яндекс.Карты: настраиваемая карта»(«bitrix:map.yandex.view») в другое пространство имен. Теперь мы можем кастомизировать компонент нашу Яндекс.Карту. Тут нам понадобится документация Апи Яндекс Карт. Найдем в шаблоне компонента файл script.js. Нам интересны две переменные:

Первая уже определена , нужно добавить вторую.

Далее найдите такие строки:

Их я заменил на следующее:

И плюс к этому добавил в результат созданную нами переменную preset :

Вот что получилось у меня =)

Я передал кроме имени в массив $arResult еще и картинку и некоторые параметры.

источник

Яндекс: настраиваемая карта

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

В визуальном редакторе компонент расположен по пути: Контент > Яндекс.Карты > Яндекс.Карты: настраиваемая карта.

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

Примечание. Компонент работает на API 2.0 Яндекса, использование протокола https необязательно.

Секции настроек компонента:

Описание параметров

Поле Параметр Описание
Основные параметры
Стартовый тип карты INIT_MAP_TYPE Указывается вид карты, который будет использоваться по умолчанию:

  • схема (MAP) — схематичная карта с именами улиц и объектов;
  • спутник (SATELLITE) — карта в виде фото со спутника;
  • гибрид (HYBRID) — карта в виде фото со спутника с наложенной на нее схемой основных дорог и объектов.
  • народная карта (PUBLIC) — карта, составляемая пользователями Яндекса.
  • народный гибрид (PUBLIC_HYBRID) — карта в виде фото со спутника с наложенной на нее народной картой.
Данные выводимые на карте MAP_DATA По нажатию кнопки Изменить откроется окно Настройки карты, предназначенное для редактирования настроек карты:

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

Для создания комментария на карте необходимо воспользоваться ссылкой Добавить точки. Двойным кликом на нужной точке на карте вызвать окно добавления текста комментария и ввести нужный текст. Число задаваемых точек не ограничено. После задания всех необходимых точек нужно завершить работу с помощью ссылки Закончить. Для удаления комментариев нужно навести указатель мыши на удаляемую запись и нажать на крестик, появившийся рядом с ней.

Для создания линии на карте необходимо воспользоваться ссылкой «Добавить линию». Двойным кликом на начальной точке линии начните процесс создания маршрута. Одиночными кликами проложите маршрут по карте. Завершите создание линии двойным кликом на последней точке. Появится диалог настроек линии. Введите название линии, выберите цвет, толщину линии и процент прозрачности. Закройте диалог и завершите создание линии с помощью ссылки Закончить добавление линий. Созданная линия появится в списке линий.
Для редактирования параметров (саму линию отредактировать нельзя) нажмите на названии линии, появится диалог для редактирования параметров.
Для удаления линии нужно навести указатель мыши на удаляемую запись и нажать на крестик, появившийся рядом с ней.

источник

Отображение Яндекс карт в Битрикс

Довольно часто на сайтах клиентов требуется реализовать отображение Яндекс карт:

При этом необходимо, чтобы контент-менеджер не заморачивался с настройкой отображения. В Битриксе реализация оказалась довольно простой.

Первое, что мы должны сделать, это создать свойство у инфоблока, который содержит информацию о адресах:

Тип свойства — «Привязка к Яндекс. Карте». Как это выглядит со стороны контент-менеджера? А вот так:

Контент-менеджер вводит соответствующий адрес в поле «Поиск по карте» и получает координаты точки. Ага! Координаты у нас есть, а это значит, что можно воспользоваться API-шкой Яндекс. Карт. Заходим в их Песочницу и изучаем пример: https://tech.yandex.ru/maps/jsbox/2.1/placemark

Давайте реализуем отображение на основе него:

Каждая карта будет отображаться в div-нике с уникальным id-ником по шаблону map_

Перебирая в foreach-е элементы инфоблока с адресами мы пытаемся получить координаты из свойства PROPERTY_YMAP_VALUE. Если получилось их получить, то создаём функцию инициализации отображения Яндекс. Карты с названием по шаблону init_ . Далее просто описываем необходимые данные: координаты центра карты, масштаб и т.д. и добавляем нашу «марку» на карту. В качестве подсказки использовано название элемента инфоблока адресов: .

После этого подпихиваем эту функцию в ready и вуа-ля! Готово!

источник

Битрикс как изменить метки в Яндекс картах

Можно ли поменять изображения на метках в картах? Ответ — да, можно. Ниже вы узнаете как именно.

Поменять картинки меток Яндекс карты в 1С-Битрикс

Если вы используете компонент «Яндекс.Карты: настраиваемая карта» то для начала вам необходимо скопировать компонент в свой шаблон (чтобы при обновлении ничего не затерлось) и найти файл script.js.

Рассмотрим начало этого кода:

Нам необходимо найти строку

где /images/mark.png — это путь к изображению на сайте.

Чтобы изменить размер встраиваемой картинки, зададим ей ширину и высоту в 100 и 50 соответственно:

Надеюсь у вас всё получилось 🙂

автор: Dmitriy

Занимаюсь веб-разработкой с 2011 года. Посмотреть некоторые из моих работ, а также узнать чуть больше обо мне, вы можете на forwww.ru

— Создание сайтов на 1С-Битрикс;
— Доработки и правки на рабочем проекте;
— Адаптивная вёрстка и натяжка на Битрикс;
— Выгрузка и Загрузка товаров на сайт;
— Парсинг товаров;
— Интеграции со сторонними сервисами по API;
— Многоязычные версии сайтов и многое другое.

Отвечу на любые вопросы. Пишите 🙂

E-mail: dmitriyribka@gmail.com
Skype: cinemacreaterus

6 комментария

Подскажите, а как сделать метку по умолчанию открытой? Это тоже делается в файле script.js?

Да, актуально.
Только код указанных примеров не применяется к моему, вот он:

if (!window.BX_YMapAddPlacemark)
<
window.BX_YMapAddPlacemark = function(map, arPlacemark)
<
if (null == map)
return false;
if(!arPlacemark.LAT || !arPlacemark.LON)
return false;
var props = <>;
if (null != arPlacemark.TEXT && arPlacemark.TEXT.length > 0)
<
var value_view = »;
if (arPlacemark.TEXT.length > 0)
<
var rnpos = arPlacemark.TEXT.indexOf(«\n»);
value_view = rnpos 1)
<
var arPoints = [];
for (var i = 0, len = arPolyline.POINTS.length; i

попробуйте
// Открываем балун на карте (без привязки к геообъекту).
myMap.balloon.open([51.85, 38.37], «Содержимое балуна», <
// Опция: не показываем кнопку закрытия.
closeButton: false
>);

// Показываем хинт на карте (без привязки к геообъекту).
myMap.hint.show(myMap.getCenter(), «Содержимое хинта», <
// Опция: задержка перед открытием.
showTimeout: 1500
>);
ссылка на пример https://tech.yandex.ru/maps/jsbox/2.0/balloon_and_hint

Не выводится.
Очевидно мне нужно добавить какую-то строчку в это место:

источник

Вывести свойство привязка к Яндекс Картам в Битрикс

Часто бывает нужно вывести свойство «привязка к Яндекс карте» в детальном описании элемента. Например, в детальной новости или в детальном элементе каталога. Достаточно часто это нужно при разработке сайта недвижимости или фирменного сайта, для вывода объектов или филиалов, сети офисов и так далее.

Для начала в настройках инфоблока создаем новое свойство типа «Привязка к Яндекс картам», затем выводим необходимый компонент в публичной части сайта и копируем шаблон компонента в шаблон своего сайта

Затем добавляем в template.php шаблона компонента вот такой код

В атрибуте YAMAP хранится наша связь. Также можно создать свойство адрес (город / улица / дом) — типа строка, карта может получать местоположение с помощью поиска по карте Яндекс и использовать типовой компонент «Яндекс карта: поиск по карте»

В итоге получится примерно так же как я вывел это на одном разрабатываемом сайте по недвижимости Москвы — в портфолио

источник

Яндекс.Карты (системный компонент)

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

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

Секции настроек компонента:

Описание параметров

Поле Параметр Описание
Основные параметры
Ключ доступа KEY Указывается ключ доступа, который получается у компании Яндекс. Без ключа карта работать не будет.
Стартовый тип карты INIT_MAP_TYPE Указывается вид карты, который будет использоваться по умолчанию:

  • схема (MAP) — схематичная карта с именами улиц и объектов;
  • спутник (SATELLITE) — карта в виде фото со спутника;
  • гибрид (HYBRID) — карта в виде фото со спутника с наложенной на нее схемой основных дорог и объектов.
Ширина карты MAP_WIDTH Указывается ширина окна отображаемой карты в пикселях (px) или в процентах (%). Если параметр принмает значение AUTO, то ширина окна задается браузером, который будет растягивать его на все доступное место.
Высота карты MAP_HEIGHT Указывается высота окна отображаемой карты в пикселях (px) или в процентах (%).
Дополнительные настройки
Элементы управления CONTROLS Указываются необходимые элементы управления, которые будут отображены на карте:

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

  • изменение масштаба колесом мыши (ENABLE_SCROLL_ZOOM) — позволяет изменять масштаб вращением колеса мыши;
  • изменение масштаба двойным щелчком мыши (ENABLE_DBLCLICK_ZOOM) — позволяет изменять масштаб карты двойным кликом мыши: левая кнопка — увеличение, правая кнопка — уменьшение;
  • перетаскивание карты (ENABLE_DRAGGING) — позволяет перетаскивать карту указателем мыши;
  • горячие клавиши (ENABLE_HOTKEYS) — позволяет управлять масштабом карты с помощью горячих клавиш.
Идентификатор карты MAP_ID Указывается идентификатор карты. Задается произвольный код из цифр и букв латинского алфавита, который можно использовать при создании собственных клиентских сценариев.

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

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

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

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

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

источник

Читайте также:  после установки драйвера видеокарты выключается компьютер

Добавить комментарий

Adblock
detector