Maps

Конструктор карт: Google Maps, Leaflet и 2GIS
Автор дополнения
Boshnik
Пакетов
9
Закачек
255
Обычно отвечает в течение суток
Автор дополнения
Пакетов
9
Закачек
255
Обычно отвечает в течение суток
Версия 1.1.0-pl
Дата выпуска 26.04.2019
Загрузки 8
Просмотры 632
Внимание, этот компонент требует версию PHP 5.6 или выше! Если ваш сайт использует PHP ниже требуемого, установка этого дополнения может его сломать.

Google Maps

Для использования Google Maps нужно записать API KEY в системную настройку
googlemaps_api_key



Возможности


  • Добавление неограниченного кол-во маркеров
  • Настройка каждого маркера
  • Настройка опций карты
  • Стилизация карты

BACK-END


Переходим в меню компонента: Приложения -> Maps.
Добавление маркера:
Вводим адрес в поле поиска, которое находиться во вкладке 'Карта'.

Редактирование/Удаление маркера:
Жмакаем на маркер, открывается инфо-окно, в нем жмакаем на нужную иконку.

Сменить карту:
Для смены карты, нужно указать в системной настройке maps_type необходимую карту. Возможные карты: googlemaps, leaflet, 2gis

FRONT-END


Сниппет Maps (выводит карту).
Параметры:
  • map — Тип карты. По умолчанию: auto(берется значение с системной настройки maps_type). Возможные значения: auto, leaflet, googlemaps, 2gis
  • tpl — Чанк оформления карты. По умолчанию:
    @INLINE <div class="[[+class]]" id="[[+id]]"></div>
  • zoom — Масштаб карты. По умолчанию берется настройка с бэкенда
  • id — Идентификатор карты. По умолчанию Leaflet или GoogleMaps (если указан API KEY)
  • class — Класс для карты. По умолчанию: map
  • hash — Добавляет алиас маркера в адресную строку. По умолчанию активировано. Значения: 1 или 0
  • activeMarker — Алиас маркера, который нужно активировать при загрузке карты.
  • markerCluster — Активирует кластеризацию маркеров… По умолчанию отключено. Значения: 1 или 0

Сниппет Markers (выводит значения маркеров)
Параметры:
  • tplOuter — Чанк оформление всего блока маркеров. По умолчанию:
    @INLINE <ul class="[[+classes]]">[[+wrapper]]</ul>
  • tpl — Чанк оформления маркера. По умолчанию:
    @INLINE <li><a href="#[[+alias]]" class="btn btn-block btn-outline-primary [[+active]]" data-id="[[+place_id]]" >[[+title]]</a></li>
  • outerClass — Класс обертки блока маркеров. По умолчанию: 'markers-list list-inline'
  • toggle — Отображает значения только активного маркера. По умолчанию отключен. Значения: 1 или 0

Обязательно:
tplOuter должен содержать класс markers-list
tpl должен содержать атрибут data-id="[[+place_id]]"

Примеры с демо сайта:


Вывод карты:
{'!Maps' | snippet}

Вывод легенды (список городов):
{'!Markers' | snippet: [
    'tpl' => '@INLINE <li><a href="#{$alias}" class="list-group-item {$active}" data-id="{$place_id}">{$title}</a></li>',
    'outerClass' => 'markers-list list-inline list-group list-group-flush'
]}

Дополнительный вывод значений активного маркера:
{'!Markers' | snippet: [
    'tplOuter' => '@INLINE <div class="{$classes}" role="alert">{$wrapper}</div>',
    'tpl' => '@INLINE <div class="alert alert-info row justify-content-between align-items-center no-gutters {$active}" data-id="{$place_id}" role="alert">
        <div class="col-auto">{$address}</div>    
        <div class="col-auto row justify-content-end">
            <div class="col-auto">{$phone}</div>
            <div class="col-auto">{$email}</div>
        </div>    
    </div>',
    'outerClass' => 'markers-list markers-info',
    'toggle' => 1
]}

1.1.0-pl

  • Добавлена кластеризация маркеров

1.0.0-pl

  • Первый релиз

Последние обсуждения в сообществе MODX.pro