Руководство по продукту Содержание Введение 3 Установка модуля «1с-битрикс: Модуль карт»
|
Скачать 0.65 Mb.
|
Инициализация картыДля этого необходимо вызвать метод init объекта $GeoMapp с передачей списка объектов, категорий объектов и ряда параметров, включая (по необходимости) вышеописанные. Итак, пусть адрес компонента по-прежнему будет /bitrix/components/map/. Обязательные параметрыПути к папкам, в которых расположены файлы компонента.
Тип карты для страницы с подключенным модулем.
Тип объектов на странице.
Необязательные параметрыВсе параметры, перечисленные в объекте $GeoMapp, можно переопределить. Кроме них существует единственный параметр, предусматривающий вариант, в котором иконки для категорий в списке не используются, а маркеры для всех объектов используются одинаковые.
При установке параметра в true у контейнера, находящегося непосредственно в служебном блоке, появляется класс. .map-container.no-image Переопределение параметровОсобенно необходимо отметить параметр icon, переписывающий адрес спрайта с иконками, их размер и сдвиг. $GeoMapp.init({ pageType: 'objects', ... icon: { objects: { url: '/temp/images/desktop-custom-objects.png', size: [20, 30], anchor: [10, 15], logo: [20, 20] } }, ... }); Переданные параметры означают новый спрайт с размером логотипа категорий 20×20, размер иконок маркеров 20×30 пикселей и привязкой маркера посередине иконки. ОбъектыОписание категорий объектов. Имена параметров — идентификаторы категорий, значения — перечень параметров для каждой категории. Адрес иконки — необязательный параметр, позволяющий задать свой маркер для конкретной категории (кастомизировать сразу все маркеры можно с помощью общего параметра icon).
Следует помнить, что указав адрес спрайта в описании категории, смещение нужно описывать именно в этом спрайте. Список категорий в панели будет отсортирован в том же порядке, в котором они перечислены в параметре cats. Описание объектов. Имена параметров — идентификаторы категорий, значения — перечень параметров для каждой категории.
В поле cat может быть использован идентификатор объекта — так решается ситуация с филиалами. В этом случае в списке объектов дочерние объекты будут сгруппированы под родительским. При этом фильтрация будет работать по каждому объекту. Предусмотрены 2 типа филиалов.
Список объектов в панели будет отсортирован в том же порядке, в котором они перечислены в параметре items. Пример головного предприятия с маркером на карте: $GeoMapp.init({ ... cats: { ... s14: {name: 'Кафе, бистро', pos: 420}, ... }, items: { ... s192: {name: 'Курочка рядом', photo: '/data/1a.jpg', url: '/objects/?id=192', link: 'http://www.kurochka-r.ru/', description: 'Популярная сеть предприятий быстрого обслуживания в городе Омске, специализирующаяся на блюдах из курицы', phone: '+7 (3812) 84-84-66', opening: 'ежедневно 7:00 - 19:00', lat: 54.94388246090962, lng: 73.38193416595459, cat: 's14'}, s178: {name: 'Филиал «Курочка рядом» еще проверка', address: 'пр. Комарова, 2/2', description: 'торговый комплекс «Маяк», 1-ый этаж: бесплатный Wi-Fi', photo: '/data/1a.jpg', url: '/objects/?id=178', phone: '+7 (3812) 94-27-97', opening: 'ежедневно 7:00 - 19:00', lat: 54.936560848358866, lng: 73.38000297546387, cat: 's192'}, s567: {name: 'Филиал «Курочка рядом» проверка поиска', address: 'пр. Мира, 50', description: 'игровая комната, проведение детских праздников, Wi-Fi', photo: '/data/1a.jpg', url: '/objects/?id=567', phone: '+7 (3812) 41-28-39', opening: 'ежедневно 7:00 - 19:00', lat: 54.97852493200901, lng: 73.43510627746582, cat: 's192'}, s235: {name: 'Филиал «Курочка рядом»', address: 'пр. К.Маркса, 24', description: 'торговый комплекс «Каскад», 4-ый этаж: бесплатный Wi-Fi', photo: '/data/1a.jpg', url: '/objects/?id=235', phone: '+7 (3812) 90-32-33', opening: 'ежедневно 7:00 - 19:00', lat: 54.93002697088734, lng: 73.37412357330322, cat: 's192'}, s377: {name: 'Филиал «Курочка рядом»', address: 'ул. Рождественского, 6', description: 'ТК «Апельсин»: игровая комната, проведение детских праздников', photo: '/data/1a.jpg', url: '/objects/?id=377', phone: '+7 (3812) 80-10-91, +7 (3812) 90-63-98', opening: 'ежедневно 7:00 - 19:00', lat: 54.992314469981004, lng: 73.43330383300781, cat: 's192'}, s589: {name: 'Филиал «Курочка рядом»', address: 'ул. Заозерная, 26', description: 'До остановки «Первомайский рынок»: игровая комната, проведение детских праздников', photo: '/data/1a.jpg', url: '/objects/?id=589', phone: '+7 (3812) 52-46-97', opening: 'ежедневно 7:00 - 19:00', lat: 54.98241603138172, lng: 73.39223384857178, cat: 's192'}, ... } }); Пример головного предприятия как названия группы объектов: $GeoMapp.init({ ... cats: { ... s12: {name: 'Инфоматы', pos: 360}, ... }, items: { ... s140: {name: 'Киви', url: '/objects/?id=142', link: 'http://www.qiwi.ru/', description: 'Лёгкая оплата любых сервисов', phone: '+7 (3812) 49-67-23, +7 (3812) 98-78-12', cat: 's12'}, s142: {name: 'Инфомат Киви', address: 'ул. Нефтезаводская, 30', photo: '/data/1a.jpg', url: '/objects/?id=142', opening: 'круглосуточно', lat: 54.94671707068507, lng: 73.34000587463379, cat: 's140'}, s617: {name: 'Инфомат Киви', address: 'ул. Гуртьева, 18', photo: '/data/1a.jpg', url: '/objects/?id=617', opening: 'круглосуточно', lat: 54.94757973833598, lng: 73.3230972290039, cat: 's140'}, s219: {name: 'Инфомат Киви', address: 'пр. Карла Маркса, 71', photo: '/data/1a.jpg', url: '/objects/?id=219', opening: 'круглосуточно', lat: 54.93954388848341, lng: 73.31241130828857, cat: 's140'}, s767: {name: 'Инфомат Киви', address: 'ул. Пушкина, 39', photo: '/data/1a.jpg', url: '/objects/?id=767', opening: 'круглосуточно', lat: 54.94553395351575, lng: 73.34991931915283, cat: 's140'}, s821: {name: 'Инфомат Киви', address: 'ул. Сазонова, 64', photo: '/data/1a.jpg', url: '/objects/?id=821', opening: 'круглосуточно', lat: 54.94048066534088, lng: 73.37626934051514, cat: 's140'}, s587: {name: 'Инфомат Киви', address: 'ул. Учебная, 76', photo: '/data/1a.jpg', url: '/objects/?id=587', opening: 'круглосуточно', lat: 54.94065322711835, lng: 73.39008808135986, cat: 's140'}, ... } }); Типичный пример инициализации карты (с заданием другой высоты) $GeoMapp.init({ defaultPath: { libs: '/bitrix/components/map/lib/', images: '/bitrix/components/map/desktop/images/' }, mapType: 'yandex', pageType: 'objects', height: 620, cats: { s1: {name: 'Аптеки', pos: 30}, ... s14: {name: 'Кафе, бистро', pos: 420}, ... }, items: { s742: {name: 'Айболит Аптечный Пункт ИП Левченко К.И.', address: 'ул. Блюхера, 26', photo: '/data/742.jpg', url: '/objects/?id=742', description: 'доставка', phone: '+7 (3812) 26-76-55', opening: 'круглосуточно', lat: 55.05716018463469, lng: 73.21100234985352, cat: 's2'}, ... s192: {name: 'Курочка рядом', address: '', photo: '/data/192.jpg', url: '/objects/?id=192', link: 'http://www.kurochka-r.ru/', description: 'Популярная сеть предприятий быстрого обслуживания в городе Омске, специализирующаяся на блюдах из курицы', phone: '+7 (3812) 84-84-66', opening: 'ежедневно 7:00 - 19:00', lat: 54.94388246090962, lng: 73.38193416595459, cat: 's14'}, ... s178: {name: 'Филиал «Курочка рядом»', address: 'пр. Комарова, 2/2', description: 'торговый комплекс «Маяк», 1-ый этаж: бесплатный Wi-Fi', photo: '/data/178.jpg', url: '/objects/?id=178', phone: '+7 (3812) 94-27-97', opening: 'ежедневно 7:00 - 19:00', lat: 54.936560848358866, lng: 73.38000297546387, cat: 's192'}, ... } }); СобытияОписание категорий событий. Имена параметров — идентификаторы категорий, значения — перечень параметров для каждой категории. Адрес иконки — необязательный параметр, позволяющий задать свой маркер для конкретной категории (кастомизировать сразу все маркеры можно с помощью общего параметра icon). Всё аналогично объектам.
Следует помнить, что указав адрес спрайта в описании категории, смещение нужно описывать именно в этом спрайте. Список категорий в панели будет отсортирован в том же порядке, в котором они перечислены в параметре cats. Описание событий. Имена параметров — идентификаторы категорий, значения — перечень параметров для каждой категории. Набор полей полностью идентичен объектам.
Вложенность реализована также аналогично объектам, что позволяет делать объединение событий по тематике с помощью событий-родителей как с привязкой родителей к карте, так и без неё. Как и для объектов, в этом случае в правой панели дочерние объекты будут сгруппированы под родительским. Фильтрация будет работать по каждому объекту. Типичный пример инициализации карты $GeoMapp.init({ defaultPath: { libs: '/bitrix/templates/gos_bitrix/components/gosportal/map/lib/', images: '/bitrix/templates/gos_bitrix/components/gosportal/map/desktop/images/', }, mapType: 'google', pageType: 'events', cats: { s1: {name: 'Прошли'}, s2: {name: 'Сегодня', pos: 30}, s3: {name: 'Планируются', pos: 60} }, items: { s960: {name: 'Фестиваль фейерверков', address: 'Космический пр-т, 109/2', url: '/events/?id=960', description: 'Пройдёт фестиваль фейерверков, который будет состоять из 12 пиротехнических шоу со своей спецификой, тематикой и музыкальным сопровождением', opening: '28 Июля 2013', lat: 55.06089619263641, lng: 73.1709623336792, cat: 's1'}, s118: {name: 'Фестиваль молодых овощей LAVKALAVKA', address: '4-я Транспортная ул., 36б', photo: '/data/1a.jpg', url: '/events/?id=118', link: 'http://lavkalavka.ru', description: 'Гастрономический фестиваль, в рамках которого меню многих ресторанов и кафе пополнят блюда, приготовленные с использованием фермерских сезонных овощей', opening: 'с 8:00 – 20:00', lat: 55.0306540162193, lng: 73.27601909637451, cat: 's2'}, s654: {name: 'Фестиваль московских пирогов', address: 'Дианова ул., д. 14', photo: '/data/1a.jpg', url: '/events/?id=654', link: 'http://pirogi.ru/events/last/summer/?item=5654', description: 'Летний городской фестиваль, в рамках которого пройдут более полутора тысяч мероприятий во всех 12 округах Москвы', opening: '28 Декабря 2013', lat: 54.98697158617666, lng: 73.45497608184814, cat: 's3'} } }); МаршрутыОписание категорий маршрутов. Имена параметров — идентификаторы категорий, значения — перечень параметров для каждой категории. Адрес иконки — необязательный параметр, позволяющий задать свой маркер для конкретной категории (кастомизировать сразу все маркеры можно с помощью общего параметра icon).
Следует помнить, что указав адрес спрайта в описании категории, смещение нужно описывать именно в этом спрайте. Список категорий в панели будет отсортирован в том же порядке, в котором они перечислены в параметре cats. Особенность этого раздела в том, что иконки узлов маршрутов реализованы одинаково у всех категорий — стартовая точка, конечная и промежуточные. Описание маршрутов. По сравнению с объектами и событиями есть отличия, которые определяются списком узлов. Имена параметров — идентификаторы категорий, значения — перечень параметров для каждой категории.
Поля, используемые для описания узлов, аналогичны полям основного объекта. При этом стартовая точка маршрута описана в самом объекте. Промежуточные точки обязаны содержать координаты. Наличие поля description вызовет отображение узла в виде маркера, при клике на который будет появляться окно с информацией, определяемой в полях address, photo и description. Также в описании маршрута такие узлы будут описаны как точки маршрута. Список объектов в панели будет отсортирован в том же порядке, в котором они перечислены в параметре items. Типичный пример инициализации карты $GeoMapp.init({ defaultPath: { libs: '/bitrix/templates/gos_bitrix/components/gosportal/map/lib/', images: '/bitrix/templates/gos_bitrix/components/gosportal/map/desktop/images/' }, mapType: 'google', pageType: 'routes', cats: { s1: {name: 'Пешеходные'}, s2: {name: 'Транспортом', pos: 30}, s3: {name: 'По воде', pos: 60} }, items: { s960: {name: 'Фестиваль фейерверков', lat: 54.9892861024268, lng: 73.3661413192749, address: 'Космический пр-т, 109/2', description: 'Фестиваль фейерверков, который будет состоять из 12 пиротехнических шоу со своей спецификой, тематикой и музыкальным сопровождением', photo: '/data/1a.jpg', url: '/routes/?id=960', phone: '+7 (3812) 25-47-97', opening: 'Ежедневно 8.00 – 20.00', cat: 's1', points: [ {lat: 54.99408706690677, lng: 73.36004734039307}, {lat: 54.99482562584999, lng: 73.3621072769165, address: 'ул. Блюхера, 26', description: 'Остановка на горячий чай', photo: '/data/1a.jpg'}, {lat: 54.99453020390392, lng: 73.37257862091064}, {lat: 54.98867055262244, lng: 73.37189197540283, address: 'ул. Карбышева, 20', photo: '/data/1a.jpg', description: 'Масса впечатлений требует массу фотографических приспособлений'}, {lat: 54.98187425533418, lng: 73.3771276473999}, {lat: 54.97648072238683, lng: 73.37815761566162, address: 'ул. Интернациональная, 41', description: 'Последняя точка маршрута'} ] }, s67: {name: 'Осмотр губернаторского сада', lat: 54.982686916663695, lng: 73.38051795959473, address: 'ул. Думская, 2', photo: '/data/1a.jpg', description: 'Добрый губернатор всегда позволит посмотреть сквозь забор на народное достояние', url: '/routes/?id=67', link: 'http://govermwnt-garden.net/', phone: '+7 (3812) 23-83-15', opening: 'Ежедневно 14.00 – 16.00', cat: 's2', closed: true, points: [ {lat: 54.98418906550906, lng: 73.38588237762451}, {lat: 54.98458306245833, lng: 73.39098930358887}, {lat: 54.98559266198975, lng: 73.409743309021}, {lat: 54.974658086290496, lng: 73.41158866882324}, {lat: 54.97283536746447, lng: 73.38232040405273}, {lat: 54.981726496961386, lng: 73.38043212890625} ] }, s231: {name: 'Кормление ихтиозавров', lat: 54.93268996230905, lng: 73.35725784301758, address: 'ул. Интернациональная, 41', photo: '/data/1a.jpg', description: 'Всегда голодные и озлобленные ихтиозавры, ждущие своих пьяных дрессировщиков', url: '/routes/?id=231', link: '', phone: '+7 (3812) 62-52-27, +7 (3812) 96-76-66', opening: 'Ежедневно 8.00 – 20.00', cat: 's3', points: [ {lat: 54.939741106477655, lng: 73.35837364196777}, {lat: 54.958398483121414, lng: 73.37661266326904}, {lat: 54.96852455458447, lng: 73.376784324646, address: 'ул. Блюхера, 26', description: 'Остановка на горячий чай', photo: '/data/1a.jpg'}, {lat: 54.98138172530998, lng: 73.3690595626831}, {lat: 54.982613039040814, lng: 73.37717056274414}, {lat: 54.985124801949326, lng: 73.38210582733154, address: 'ул. Карбышева, 20', photo: '/data/1a.jpg', description: 'Масса впечатлений требует массу фотографических приспособлений'}, {lat: 54.98662685957091, lng: 73.3831787109375}, {lat: 54.98997550699987, lng: 73.3806037902832}, {lat: 54.99256066868077, lng: 73.38240623474121, address: 'ул. Интернациональная, 41', description: 'Последняя точка маршрута'} ] }, s112: {name: 'Ла-ла Ла-ла-ла, вниз по Иртышу', lat: 54.98842433005732, lng: 73.34695816040039, address: 'ул. Карбышева, 1', description: 'Из города на волю', url: '/routes/?id=112', opening: 'Круглосуточно', cat: 's3', points: [ {lat: 54.97064306901983, lng: 73.37077617645264}, {lat: 54.96305531472549, lng: 73.37077617645264}, {lat: 54.955885048157114, lng: 73.36202144622803}, {lat: 54.94861491507961, lng: 73.35644245147705}, {lat: 54.943635963657194, lng: 73.35678577423096}, {lat: 54.9390015340115, lng: 73.35854530334473}, {lat: 54.93217217222989, lng: 73.35669994354248, address: 'ул. Блюхера, 11', description: 'Последняя точка маршрута'} ] } } }); |
Похожие:
 |
Руководство по продукту Содержание Введение 22 Установка модуля «1с-битрикс:... Все стандартные иконки можно посмотреть в файлах, содержащихся в папке /install/images/bitrix map. Настройки модуля 26 |
 |
Руководство по инсталляции Содержание Введение 4 Установка продукта... С-битрикс и загрузки исходных текстов для получения полнофункциональной системы с открытыми текстами |
|
Руководство по инсталляции Содержание В документе рассматриваются процедуры установки ознакомительной и коммерческой версии продукта; установки системы с помощью "Битрикс:... |
|
Организация работы модуля, основные требования к системе Для организации работы модуля потребуется сервисы: Битрикс24, Яндекс. Маркет а так же платформа на базе 1с-битрикс |
|
Руководство по настройке авторизация «inpas» (драйвер DualConnector) Параметр «Администрирование» \ «Оборудование» \ «Модуль авторизации платежных карт» |
|
Руководство администратора Страниц 58 Версия 2 04. 08. 2017 Назначение... Настоящий документ содержит руководство администратора по программному продукту «q framework». Цель документа – предоставить администратору... |
|
Руководство по использованию технологии ajax содержание Технология ajax в системе «1с-битрикс: Управление сайтом» реализована на двух уровнях |
|
Руководство пользователя Модуль обмена реестрами с банком втб24 в... Банк выпускает для работников Клиента банковские карты для зачисления на них заработной платы и других выплат. Для выпуска банковских... |
|
Техническое задание москва 2015 содержание введение Функциональные... Функциональный объем и требования к разрабатываемому продукту сформированы на основании бизнес-требований, утвержденной целевой технической... |
|
Руководство по эксплуатации введение Данное руководство содержит информацию об использовании, установка и эксплуатация подборщик claas rollant-62 |
|
Системные требования, установка Модуль предназначен для торговли ценными бумагами на фондовом рынке ммвб с использованием устройства, под управлением ос android.... |
|
Руководство пользователя Листов 2016 Аннотация Настоящий документ... ... |
|
Инструкция по компиляции Модуля Для получения Модуля следует использовать приводимую ниже схему Ркс представлен в виде исходного текста, предназначенного для последующей компиляции (сборки) Исполняемого модуля подготовки данных... |
|
Порядок установки модуля Если раньше был установлен модуль обмена 4 версии, то необходимо обновить его до последней версии, а только потом устанавливать модуль... |
|
Порядок установки модуля Если раньше был установлен модуль обмена 4 версии, то необходимо обновить его до последней версии, а только потом устанавливать модуль... |
|
Установка раздела ... |