С разбивкой по городам и с кастомной картой
Установить Примеры на реальных проектах
Это новейшая коммерческая версия популярного модуля "Офисы", использующая API Яндекс Карт 2.0. Модуль дополнен большим объемом настроек, позволяющих использовать его еще более удобно и для большего числа задач. Теперь Вы можете его использовать для любой информационной системы, портала, сервисных центров, с любыми значками, своими, от яндекса, сгруппированными по разделам(тематикам), с выводом данных на самой карте.
Для беглого ознакомления предлагаем по очереди посмотреть пять из возможных вариантов использования этого модуля:
Значки Яндекс и свои Cо счетчиком С кластеризацией C выводом данных По городам
Параметр "Путь до тайлов кастомной карты" по умолчанию ведет в следующую папку шаблона компонента:
/bitrix/components/ithive/officesplus.filter/templates/cities_on_map/images/tiles/
Там лежит 10 файлов (тайлов, т.е. кусков карты):
Именуются эти файлы в соответствии с таким шаблоном:
tile-z-x-y.png
где:
z - масштаб карты для которой предназначается тайл;
x - позиция тайла по горизонтали слева направо;
y - позиция тайла по вертикали сверху вниз;
Подробнее о тайлах можно почитать здесь.
В нашем решении слой с пользовательской (кастомной) картой используется только в режиме вывода городов, где масштаб зафиксирован равным 3, и позиция карты также по сути зафиксирована, так как центр карты смещается только при помощи стрелок по заданным координатам. Если не делать таких ограничений то тайлов придется в десятки, а то и сотни раз больше.
В итоге, если Вы хотите сделать свою карту, то Вам нужно:
1. Создать папку, например /bitrix/templates/.default/components/ithive/officesplus.filter/cities_on_map/images/mytiles/;
2. Создать свои тайлы и поместить их в эту папку;
2.1. Если Вы не будете менять масштаб и позиционирование карты относительно того как предложено это в решении, то Вам нужно будет подготовить аналогичные 10 тайлов с теми же именами файлов, как показано выше;
2.2. Если Вы хотите менять и масштаб и позиционирование, то нужно помимо десятков (а может и сотен) тайлов еще и менять код шаблона компонента /officesplus.filter/cities_on_map/ и объем изменений зависит от того на сколько масштабно хотите подойти к кастомизации стандартной карты Яндекс;
3. Поменять в настройках компонента параметр "Путь до тайлов кастомной карты" на тот, куда Вы поместили созданные файлы тайлов.
Это новейшая коммерческая версия популярного модуля "Офисы", использующая API Яндекс Карт 2.0. Модуль дополнен большим объемом настроек, позволяющих использовать его еще более удобно и для большего числа задач. Теперь Вы можете его использовать для любой информационной системы, портала, сервисных центров, с любыми значками, своими, от яндекса, сгруппированными по разделам(тематикам), с выводом данных на самой карте.
Для беглого ознакомления предлагаем по очереди посмотреть пять из возможных вариантов использования этого модуля:
Значки Яндекс и свои Cо счетчиком С кластеризацией C выводом данных По городам
Исходно выводятся города на дизайнерской карте, а после выбора города - офисы
Можно исходно не выводить метки офисов, пока не выбран город и в этом режиме на карту выводятся метки городов, доступные для перехода к офисам в соответствующем городе. Также есть у городов свойство "Показать в области быстрого выбора" например для выделения крупных городов, как на карте, так в области фильтра. В режиме вывода городов реализована возможность выводить свою (кастомную / дизайнерскую) карту, как показано ниже. Стандартная карта в режиме вывода городов показана здесь.
Найти офис:
Офисы:
| # | Название | Адрес | Контактные телефоны | Адрес сайта | Контактный e-mail | подробнее |
Изменение пользовательской (кастомной) карты под себя
В настройках компонента есть три параметра, которые отвечают за вывод кастомной (дизайнерской) карты:Параметр "Путь до тайлов кастомной карты" по умолчанию ведет в следующую папку шаблона компонента:
/bitrix/components/ithive/officesplus.filter/templates/cities_on_map/images/tiles/
Там лежит 10 файлов (тайлов, т.е. кусков карты):
Именуются эти файлы в соответствии с таким шаблоном:
tile-z-x-y.png
где:
z - масштаб карты для которой предназначается тайл;
x - позиция тайла по горизонтали слева направо;
y - позиция тайла по вертикали сверху вниз;
Подробнее о тайлах можно почитать здесь.
В нашем решении слой с пользовательской (кастомной) картой используется только в режиме вывода городов, где масштаб зафиксирован равным 3, и позиция карты также по сути зафиксирована, так как центр карты смещается только при помощи стрелок по заданным координатам. Если не делать таких ограничений то тайлов придется в десятки, а то и сотни раз больше.
В итоге, если Вы хотите сделать свою карту, то Вам нужно:
1. Создать папку, например /bitrix/templates/.default/components/ithive/officesplus.filter/cities_on_map/images/mytiles/;
2. Создать свои тайлы и поместить их в эту папку;
2.1. Если Вы не будете менять масштаб и позиционирование карты относительно того как предложено это в решении, то Вам нужно будет подготовить аналогичные 10 тайлов с теми же именами файлов, как показано выше;
2.2. Если Вы хотите менять и масштаб и позиционирование, то нужно помимо десятков (а может и сотен) тайлов еще и менять код шаблона компонента /officesplus.filter/cities_on_map/ и объем изменений зависит от того на сколько масштабно хотите подойти к кастомизации стандартной карты Яндекс;
3. Поменять в настройках компонента параметр "Путь до тайлов кастомной карты" на тот, куда Вы поместили созданные файлы тайлов.