Обзоры расширений Joomla

 

 

My Maps location – русскоязычный компонент и модуль Joomla для вставки карт Google на сайт с возможностью добавления своих местоположений с описанием. Можно создавать страницы с поиском местоположений по адресу, названию, категории, почтовому индексу и метками (тегам Joomla). Можно применять карты от таких поставщиков: Google, Bing, Mapbox, Mapquest, Mapillary, Open Street Map. Доступно три макета страницы поиска местоположений (объектов на карте) и 10 тем оформления (дизайн) карт. В состав расширения входит несколько модулей: модуль поиска, модуль отображения карт в Joomla и несколько модулей для отображения объектов из других расширений (стандартный менеджер материалов Джумла, DJ-Classifieds, K2, Hikashop, Community Builder и другие). Поддерживается геолокация, построение маршрутов, мультиязычность и множество других функций, которые делают компонент весьма универсальным.

На демонстрационном сайте разработчика доступно три примера: пример №1, пример №2, пример №3.

Местоположение или объект – это отметка на карте. То, что Вы или Ваши пользователи добавляете на карту.

В предыдущей статье «Обзор Hotspots. Карты Google для Joomla» уже рассматривался подобный по назначению компонент, как вариант. Полезно почитать о нём. А в статье «Обзор Linky Map. Создание своей карты» есть информация о компоненте для создания своих векторных карт.

В обзоре будет участвовать последняя, на момент написания статьи (17.02.2018), русскоязычная версия My Maps location 4.0.3 в Joomla 3.8.5. Основной шаблон сайта – JM Computers and Electronics VirtueMart Storeу 1.11. На примере менеджера материалов Joomla (com_content). Обратите Ваше внимание, что внешний вид страниц компонента Google карт Joomla достаточно сильно зависит от шаблона сайта и, возможно, потребует внесения корректировок в стили для достижения более гармоничного внешнего вида.

На официальном сайте расширений Joomla 120 отзывов, расширение добавлено 19.11.2014.

  • Общий рейтинг – 100 из 100.
  • Функциональность – 100 из 100.
  • Простота использования – 100 из 100.
  • Документация – 100 из 100.
  • Поддержка – 100 из 100.
  • Соотношение цена\качество – 100 из 100.

На данный момент (17.02.2018) стоимость расширения от $34.

Особенности My Maps location

Рассмотрим основные особенности данного расширения.

Местоположения.

  • Простое добавление своих местоположений с описанием на карту (рисунок ниже): указав адрес, указав точку на карте или выбрав вариант из предложенных на основании результатов поиска в Google.
  • Применение визуального текстового редактора при создании описания с поддержкой обработки плагинов Joomla.
  • Возможность добавления местоположений из фронтальной части сайта и последующее управление ими. Можно указать, кто может это делать на основании разграничения прав доступа штатными средствами Joomla (ACL).
  • Интеграция с компонентами рейтингов и комментариев.
  • Интеграция с сервисом Google Place.
  • Возможность давать любые ссылки на подробное описание местоположения, даже на другие сайты.
  • Возможность вставки контактов (e-mail, телефон) в краткое описание местоположения.
  • Возможность добавления графика работы в краткое описание объекта на карте.
  • Добавление мета-данных (мета-описание, мета-ключевые слова) на страницы описаний местоположений.
  • Местоположения можно разделять по категориям.
  • Возможность применения стандартных групп полей и полей Joomla (компонент com_fields) в описаниях местоположений.
  • Поддержка импорта, экспорта и синхронизации данных при помощи файлов формата «.csv» и «.kml». Совместимость с данными из Google Earth.
My Maps location
My Maps location

Поиск объектов на карте.

  • Поиск/фильтрация местоположений по адресу (страна, область, город и т.д.), названию, категории (подкатегории), почтовому индексу и метакам (тегам Joomla) (рисунок ниже).
  • Возможность сортировки результатов поиска по расстоянию до пользователя, заголовку или дате.
  • Автоматическая обрезка длинных описаний местоположений в результатах поиска.
  • Поддержка автоматической геолокации (определения местоположения пользователя).
  • Возможность задавать ограничение на количество результатов поиска.
  • Возможность ограничивать поиск в рамках определённой страны или стран.
  • Возможность установить загрузку карты с отображением определённого адреса.
  • Поиск местоположений в определённом радиусе от местонахождения пользователя. В админке можно задать свои радиусы (в километрах или милях).
  • Автоматическое изменение масштаба карты для оптимального отображения местоположений. Есть возможность задавать начальный масштаб вручную.
Карта Joomla
Карта Joomla

Карта.

  • Возможность применения карт от таких «поставщиков»: Google, Bing, Mapbox, Mapquest, Mapillary, Open Street Map.
  • Поддержка разных типов карт: дорожная, спутниковая, гибридная и другие (зависит от поставщика карты) (рисунок ниже).
  • Автоматическое построение и расчёт времени/расстояния маршрута от точки до точки. Возможность распечатать маршрут.
  • Наличие «кластеров» – отображение нескольких объектов на карте в виде одного маркера с цифрой, указывающей на количество объектов в кластере.
  • Поддержка тем оформления карт. Возможность задавать цвета разным элементам, скрывать те или иные части карт и менять маркеры (рисунок ниже).
Google карты для Joomla
Google карты для Joomla

Интеграция с расширениями.

  • Интеграция с расширениями: com_content (родной компонент материалов Joomla), K2, Jomsocial, Community Builder, Easysocial, Google reviews, Item rating, My Testimonials, Komento, jComments, Ohanah events, Event Booking, Hikamarket, Hikashop, FLEXIcontent, Yootheme Zoo, DJ-Classified, Ads manager, JoomClassified.
  • Интеграция с DJ-Classified (рисунок ниже, на примере DJ-Classifieds 3.7.1.2), Ads Manager, JoomClassified: размещение объявлений на карте с возможностью их поиска.
  • Интеграция с K2: размещение элементов или категорий K2 на карте, поиск элементов K2 на карте, переход к элементам K2 по нажатию на их описания на карте, добавление категорий K2 в качестве фильтра при поиске на карте.
  • Интеграция с Community builder, Jomsocial, Easy Social, Easy Blog: поиск людей на карте, синхронизация полей профиля с полями адреса на карте, добавление местоположения из профиля. Наличие модуля для показа и фильтрации профилей Community builder с их последующим отображением на карте.
  • Интеграция с Hikashop, Hikamarket: отображение на карте поставщиков, магазинов или товаров; наличие модуля для отображения поставщиков.
  • Интеграция с Event Booking: отображение места проведения событий на карте, поиск предстоящих событий, отображение информации о событиях на карте.
  • Интеграция с FLEXIcontent, Easy Blog: размещение объектов на карте, используя поля местоположений компонентов.
  • Интеграция с любым расширением, которое поддерживает обработку плагинов за счёт вставки специальных тегов в визуальный текстовый редактор (плагин контента).
Вставка карты на сайт Joomla
Вставка карты на сайт Joomla

Разное.

  • Поддержка адаптивного дизайна (Bootstrap).
  • Наличие нескольких модулей: модуль поиска, модуль отображения карт в Joomla и несколько модулей для отображения объектов из других расширений (стандартный менеджер материалов Джумла, Flexicontent, K2, Hikashop, Community Builder, JomSocial).
  • Кнопка вставки карты в текстовом редакторе Joomla.
  • Наличие пунктов меню для отображения формы добавления объектов на карту из фронтальной части сайта, показа определённого местоположения, формы поиска (три макета с возможностью настройки) и показ страниц с местоположениями, которые добавил пользователь (что-то типа личного кабинета).
  • Поддержка штатной мультиязычности Joomla.
  • Автоматическая синхронизация языка карты с языком сайта.
  • Интеграция с микроформатами.
  • Наличие русского языка.
  • Поддержка системы обновления расширений из админки.
  • Компонент базируется на фреймворке Joomla, что способствует снижению риска возникновения конфликтов.

Компонент

Рассмотрим основные возможности компонента My Maps location. Для удобства в интерфейсе компонента есть несколько разделов:

  1. Местоположения.
  2. Категория.
  3. Импорт – Экспорт.
  4. Настройки.
  5. Поля.
  6. Группы полей.

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

Местоположения. Тут (рисунок ниже) Вы сможете создавать и управлять местоположениями. Отмечу, что это доступно также и из фронтальной части сайта.

Местоположения
Местоположения

При создании местоположений (рисунок ниже) Вы сможете указать описание, изображение, маркер местоположения, мета-данные и другую информацию о местоположении, которая будет отображаться на странице поиска, самой карте и странице с подробным описанием местоположения. Можно автоматически «подтянуть» часть информации с сервиса Google Place, указав ID местоположения в опции ID Google Place. Это ID можно узнать тут.

Для добавления меток сперва необходимо создать их в компоненте Метки. Это штатный компонент.

My Maps location
My Maps location

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

При указании расположения объекта на карте можно сделать это вручную (поставив маркер), указать адрес, указать координаты (широту и долготу) или воспользоваться поиском и указать подходящий вариант из результатов поиска (по объектам на картах Google).

Страница с описанием местоположения
Страница с описанием местоположения

Категория. В данном разделе Вы сможете создавать и управлять категориями местоположений (рисунок ниже). В дальнейшем они пригодиться для фильтрации и поиска местоположений на картах Google, а также для настройки отображения пунктов меню и модулей карт.

Категории
Категории

Каких-то особых настроек у них нет (рисунок ниже), разве что во вкладке Пожалуйста, выберите маркер можно указать маркер категории объектов на карте. По умолчанию доступно более 60 изображений маркера с возможностью загрузки своих.

Настройка категорий местоположений
Настройка категорий местоположений

Импорт – Экспорт. В этом разделе (рисунок ниже) Вы можете импортировать, экспортировать или синхронизировать местоположения при помощи файлов формата «.csv» или «.kml». Это особенно удобно для создания/обновления большого количества местоположений или их резервного копирования. Хотя лично я для резервного копирования предпочитаю Akeeba Backup Pro.

Импорт – Экспорт
Импорт – Экспорт

Для работы с «.csv» файлами рекомендую использовать LibreOffice Calc. Это бесплатный редактор таблиц на русском языке для Windows, Linux и Mac OS X. На рисунке ниже показаны параметры для открытия экспортированной таблицы из My Maps location в LibreOffice 6.0.1.1 х64.

Параметры импорта
Параметры импорта

Если Вы хотите обновить информацию о местоположениях при помощи импорта-экспорта, то:

  1. Экспортируйте данный из My Maps location в CSV.
  2. Отредактируйте их, не меняя ID записей (рисунок ниже).
  3. Сохраните файл.
  4. Импортируйте обратно в My Maps location.

А если надо добавить новое местоположение, тогда не нужно указывать никаких ID для новых записей. Они будут созданы автоматически.

Редактирование CSV файла
Редактирование CSV файла

Если Вы добавили новые записи непосредственно в таблицу базы данных My Maps location, воспользуйтесь кнопкой синхронизации – Sync.

В конце данной статьи Вы найдёте CSV файл с примером экспортированных местоположений.

Настройки. Все глобальные настройки компонента карт Joomla разделены на 8 вкладок:

  1. Основные настройки.
  2. Расширенные настройки отображения.
  3. Поставщик карт.
  4. Рейтинги и комментарии.
  5. Joomla article location (местоположения в материалах Joomla).
  6. Обновление. Тут Вы сможете включить обновление My Maps location с сервера разработчика (если статус Вашей подписки это позволяет.)
  7. Тут у Вас будет доступ к загрузке и редактированию локализаций интерфейса расширения Google карт.
  8. Права. Эта вкладка содержит опции, позволяющие настроить разграничение прав доступа групп пользователей к компоненту. В том числе, тут можно настроить возможность создания, изменения и удаления местоположений на карте из фронтальной части сайта (рисунок ниже).
Права
Права

Вкладка Основные настройки (рисунок ниже) содержит общие, глобальные настройки, действующие на все страницы, модули и плагины My Maps location. Однако, некоторые из заданных тут параметров можно переопределять в настройках пунктов меню, модулей и плагинов.

На этой вкладке можно включить/отключить AJAX поиск (вывод результатов поиска без перезагрузки страницы), включить отображение расстояния между объектами, задать единицы измерения (километры или мили), указать API ключ карт Google, Bing, а также настроить внешний вид, функционирование карты и набор её элементов.

Тут же можно выбрать, карты какого поставщика Вы хотите использовать.

Основные настройки
Основные настройки

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

На этой вкладке можно изменить формат адреса, выводимого в описаниях местоположений и добавить к описаниям местоположений настраиваемые поля. Настраиваемые поля предварительно нужно создать в штатном компоненте Joomla – «Поля».

Также эта вкладка содержит некоторые настройки для конфигурации интеграции My Maps location со сторонними расширениями.

Расширенные настройки отображения
Расширенные настройки отображения

Вкладка Поставщик карт (рисунок ниже) содержит опции для настройки применения карт таких сервисов как: Mapbox, Mapquest и Mapillary.

Поставщик карт
Поставщик карт

Вкладка Рейтинги и комментарии (рисунок ниже) содержит опции для настройки отображения на карте отзывов и рейтингов объектов, а также для интеграции с компонентами комментариев.

Рейтинги и комментарии
Рейтинги и комментарии

Вкладка Joomla article location (местоположения в материалах Joomla) (рисунок ниже) содержит опции, которые добавляют вкладку My Maps location в визуальный текстовый редактор материалов Joomla.

Местоположения в материалах Joomla
Местоположения в материалах Joomla

На этой вкладке (рисунок ниже) Вы можете создать местоположение точно так, как Вы это делаете в самом компоненте My Maps location. Это служит альтернативным «источником» местоположений для карт.

Вкладка My Maps location
Вкладка My Maps location

Кроме этого, независимо от настроек на вкладке Joomla article location Вы можете вставить в материал Joomla уже созданные в компоненте My Maps location местоположения (рисунок ниже).

Вставка карты Google в материал Joomla
Вставка карты Google в материал Joomla

Поля и Группы полей. В этих разделах Вы сможете создавать настраиваемые поля для унифицированного добавления информации к местоположениям. Например, можно создать поле «Ближайшая станция метро» (рисунок ниже).

Настраиваемое поле
Настраиваемое поле

Это поле появится на страницах добавления описания местоположения и в информации о местоположении. Типов полей и настроек достаточно много. Они реализованы при помощи штатного компонента Joomla – «Поля».

Модули карт Joomla, пункты меню и плагины

Чтобы вставить карту на сайт Joomla у Вас есть несколько «инструментов»: модули, пункты меню и плагины.

Модули. My Maps location идёт в составе с семью модулями:

  1. Community - My Maps Location. Отображает местоположений из компонента социальной сети JomSocial.
  2. Joomla Article/Flexicontent My Maps. Отображает местоположения из компонента материалов Joomla и из FLEXIcontent.
  3. My Maps Location CB Members. Отображает местоположения из компонента социальной сети Community Builder.
  4. Hikashop Vendor My Map locations. Отображает местоположения из компонента интернет-магазина Hikashop.
  5. K2 My Maps location. Отображает местоположения из компонента K2.

Модуль My Maps Location Map-Search Module отображает форму поиска по местоположениям (рисунок ниже, верхняя часть). В его настройках (рисунок выше, нижняя часть) можно указать компонент, в местоположениях которого нужно искать объекты (My Maps location, K2, DJ-Classified, My Testimonials и так далее), указать категорию местоположений для поиска, ограничить радиус поиска от координат пользователя и задать другие настройки.

Модуль поиска
Модуль поиска

Модуль Map Module My Maps Locations отображает карту с нанесёнными на неё объектами (рисунок ниже, верхняя часть). В его настройках (рисунок выше, нижняя часть) можно указать, какие объекты нужно отображать (категорию/категории или отдельное местоположение, или несколько конкретных местоположений), задать размеры карты, указать её тип, стиль и другие характеристики. Указанные в модуле опции переопределяют опции, заданные в настройках компонента (для этого модуля).

Модуль «Map Module My Maps Locations»
Модуль «Map Module My Maps Locations»

Пункты меню. В арсенале My Maps location есть 4 типа пунктов меню:

  1. Location detail view (страница местоположения).
  2. Location search and display (поиск местоположения).
  3. Add location (добавить местоположение).
  4. My Locations (мои местоположения).

Пункт меню Location detail view позволяет отобразить ссылку на страницу с подробным описанием одного местоположения из My Maps location (рисунок ниже).

Страница с описанием местоположения
Страница с описанием местоположения

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

Настройки пункта меню «Location detail view»
Настройки пункта меню «Location detail view»

Пункт меню Location search and display позволяет отобразить страницу с поиском и перечнем местоположений. Доступно три макета (рисунок ниже).

Карта Joomla
Карта Joomla

Настроек достаточно много (рисунок ниже). При помощи них можно сконфигурировать внешний вид и функционирование страницы карты Joomla.

Настройки пункта меню «Location search and display»
Настройки пункта меню «Location search and display»

Пункт меню Add location (рисунок ниже) представляет собой форму добавления местоположений на карту из фронтальной части сайта. Особых настроек у этого пункта меню нет.

Добавление местоположения из фронтальной части сайта
Добавление местоположения из фронтальной части сайта

Пункт меню My Locations (рисунок ниже) выводит перечень добавленных ранее пользователем местоположений с возможностью их поиска, сортировки и добавления нового местоположения. Особых настроек у этого пункта меню нет. Для настройки прав доступа разных групп пользователей к этому пункту меню и пункту меню Add location перейдите в настройки компонента на вкладку Права.

Страница добавленных пользователем местоположений
Страница добавленных пользователем местоположений

Плагины. В My Maps location есть 6 плагинов. Их можно включить/отключить и настроить в менеджере плагинов Joomla.

  1. Content - My Maps Location. Позволяет вставить карту везде, где обрабатываются плагины содержимого. Можно задать размеры вставляемых карт, масштаб, тип, дизайн и другие опции.
  2. Editor - My Maps Location. Позволяет добавить инструмент (кнопку) в визуальный текстовый редактор для упрощения вставки карты на сайт Joomla (рисунок ниже).
  3. Flexicontent My Map Location. Служит для интеграции My Maps location с компонентом Можно задать размеры вставляемых карт, масштаб, тип, дизайн и другие опции.
  4. K2 Integration- My Maps Location. Служит для интеграции My Maps location с компонентом K2. Можно задать размеры вставляемых карт, масштаб, тип, дизайн, настроить фильтр по категориям и так далее.
  5. My Maps Location For Hikashop. Служит для интеграции My Maps location с компонентом Hikashop. Можно задать ассоциации для полей адреса.
  6. System - My Maps Location. Позволяет вставить карту везде, где обрабатываются плагины. Можно задать размеры вставляемых карт.
Вставка карты Google в материал Joomla
Вставка карты Google в материал Joomla

Получение ключа Google map API

На данный момент My Maps location сможет отображать карту Google только при наличии соответствующего ключа. Его нужно указать в настройках компонента на вкладке Основные настройки в поле API ключ Google Maps. Чтобы получить этот ключ, Вам понадобится аккаунт Google. Подойдёт любой: от Gmail, Google+, Google Analytics, Google Search Console и других сервисов Google.

Всё описанное ниже есть в видео уроке в конце данной статьи.

Шаг 1. Перейдите по этой ссылке.

Шаг 2. Введите свой логин и пароль от аккаунта Google.

Шаг 3. На первой старице нажмите Продолжить (рисунок ниже). Перед этим Вас могут попросить принять лицензионное соглашение. Сделайте это.

Подключение Google map API
Подключение Google map API

Шаг 4. В качестве названия укажите что-то такое, чтобы было понятно, для чего Вы создали этот ключ. В списке Ограничение для ключа укажите HTTP-источники перехода (веб-сайты). Для опции Принимать http-запросы от следующих источников перехода (сайтов) (Необязательно) можно ничего не указывать или указать доменное имя Вашего сайта (без протокола) (рисунок ниже). Нажмите Создать.

Получение ключа Google map API
Получение ключа Google map API

Шаг 5. В появившемся всплывающем окне скопируйте содержимое строки Ваш ключ API. Что-то подобное: «AIGaSyDLcGUZcue98Fp032n52Z_T5offA_caM4» (без кавычек). Это и есть ключ Google map API. Именно его и надо вставлять в настройках My Maps location на вкладке Основные настройки в поле API ключ Google Maps. Обязательно проследите, чтобы до и после ключа не было пробелов.

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

Вставка карты на сайт Joomla

Рассмотрим общий алгоритм вставки карты на сайт, созданной в компоненте My Maps location. Частично он показан в видео в конце данной статьи. Подробности настроек описаны в статье выше.

  1. Если хотите применять карту Google, то укажите в настройках API ключ сервиса.
  2. Создайте категорию карт.
  3. По желанию, создайте группы полей для описания объектов карты.
  4. По желанию, создайте поля для описания объектов карты.
  5. По желанию, создайте метки (в Компоненты – Метки).
  6. Создайте объект или объекты для карты.
  7. Для непосредственной вставки карты на сайт воспользуйтесь одним из вариантов: пункт меню, модуль, плагин.

Видео обзор и урок

  • Обзор My Maps location – с 00:00.
  • Получение ключа Google map API – c 06:32.
  • Создание полей и меток для местоположений – с 08:25.
  • Создание местоположений – с 10:28.
  • Вставка карты на сайт через пункты меню – с 14:30.
  • Вставка карты на сайт через модули – 18:32.
  • Вставка карты на сайт через плагины – 20:18.
  • Импорт-экспорт местоположений – 22:13.
  • Интеграция с DJ-Classified – с 28:16.

 

 

Видео лучше просматривать с качеством 720 HD. Этот и другие видео уроки Вы можете найти на каналах сайта Aleksius.com в YouTube, Rutube и Mail.ru.

Как видите, My Maps location достаточно функциональное расширение для вставки карт Google на сайт Joomla, особенно, учитывая его широкие возможности в плане интеграции со сторонними компонентами. А наличие выбора поставщиков карт, помимо Google, делает Вас менее зависимыми от какого-то картографического конкретного сервиса.

 

Полезные ссылки:

При скачивании файлов менеджерами загрузок возможны проблемы.
ФайлОписаниеРазмер
Скачать этот файл (dannye-dlya-importa.zip)Импорт местоположенийCSV файл с объектами для карты1 Кб