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

 

 

Linky Map – русскоязычный компонент Joomla для создания собственных векторных карт на сайте на базе Google GeoChart. Они прекрасно отображаются на мобильных устройствах, на них нет ничего лишнего. Только страны, области и отмеченные Вами точки. Можно создавать сколько угодно карт. Каждая карта может отображать как весь мир с нанесёнными на нём точками/маркерами, так и отдельные страны, континенты с маркерами. К сожалению, добавлять разметку на карту нельзя. Границы стран, областей и городов автоматически подтягиваются из Google GeoChart. А вот точки можно указывать самостоятельно: по адресу или широте/долготе. Области/города и маркеры можно выделять разными цветами (рисунок ниже). Можно задавать всплывающие подсказки с описанием и ссылки по нажатию на объекты (регионы карты, маркеры). Также можно настроить появление описания объекта сбоку от карты.

По сути, карта это SVG изображения и HTML код. Никакого flash. На сайте разработчика есть несколько «живых» примеров подобных карт.

Linky Map
Linky Map

Если Вас интересует более «классическая» карта, то рекомендую ознакомиться со статьями «Обзор My Maps location. Модуль Google карты Joomla» и «Обзор Hotspots. Карты Google для Joomla».

В обзоре будет участвовать последняя, на момент написания статьи (09.04.2018), русскоязычная версия Linky Map 2.3.5 в Joomla 3.8.6. Основной шаблон сайта – Protostar 1.0. Обратите Ваше внимание, что внешний вид страниц компонента Google карт Joomla достаточно сильно зависит от шаблона сайта и, возможно, потребует внесения корректировок в стили для достижения более гармоничного внешнего вида.

По большому счёту, простого способа создать собственную карту без использования Google GeoChart, на данный момент нет. Но можно воспользоваться этой инструкцией, чтобы создать свою собственную карту без привязки к сервису Google GeoChart. А затем обратиться в тех. поддержку разработчика Linky Map и они помогут интегрировать её в компонент.

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

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

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

Видео обзор

В данном видео показаны некоторые моменты, описанные в статье.

 

 

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

Особенности Linky Map

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

Карты.

  • Базируется на Google GeoChart.
  • Адаптивные векторные карты без лишних элементов на jQuery.
  • Возможность отображения карты мира или карты отдельной «единицы» (страны, части света).
  • Задание разных цветов разным «единицам» местности на карте.
  • Возможность задавать цвет фона карты, границы (цвет и толщину).
  • Поддержка масштабирования карты.
  • Создание нескольких карт.
  • Автоматические подсказки ISO кодов для регионов.

Маркеры и описание.

  • Нанесение маркеров на карту (цветная точка и текстовый маркер). С возможностью добавления описания и ссылки по нажатию. Маркеры можно добавлять по координатам или по адресу местоположения. Адрес подтягивается из сервиса Google адреса (Google Мой бизнес).
  • Добавление описаний во всплывающих подсказках. Можно применять HTML (доступен визуальный редактор).
  • Добавление ссылок по нажатию на регион или маркер. Можно добавлять ссылку на пункт меню или любой URL адрес. Можно применять HTML (доступен визуальный редактор).
  • Отображение описания объекта в боковой панели.
  • Отображение описания местоположения во всплывающем окне (AJAX).

Вставка карты Google на сайт при помощи:

  • пункта меню.
  • Модуля. Есть модули для: JoomSocial, Event Booking и Ohanah Events.
  • Системного плагина.

Модули для JoomSocial, Event Booking и Ohanah Events позволяют интегрироваться с указанными расширениями для отображения на картах, например, местоположений событий из Event Booking и Ohanah Events.

Разное.

  • Компонент переведён на русский, английский, немецкий, польский и другие языки.
  • Совместимость со штатным компонентом Joomla «Поля» (com_fields). Можно создавать группы полей, поля и отображать их на картах.
  • Поддержка SEO. Все генерируемые карты - это SVG изображения и HTML.
  • Поддержка мультиязычности Joomla и возможности перевода элементов интерфейса расширения из админки.
  • Поддержка автоматического обновления из админки Джумла.
  • Linky Map базируется на фреймворке Joomla. Это призвано обеспечить улучшенную совместимость со всеми сторонними расширениями и самой CMS.

В компоненте сеть два основных раздела: Векторные карты Google и Настраиваемые векторные карты. Насколько понимаю, основные отличия следующие:

  • В разделе Векторные карты Google можно создавать карты, на которых будут отображаться регионы типа северная Африка, южная Африка, Океания и так далее. Плюс, можно отображать отдельные страны с выделением областей и городов федерального значения (например, Киев, Севастополь). В этом же разделе можно добавлять маркеры. Они добавляются отдельно от регионов. В случае отображения во фронтальной части сайта карты, созданной в данном разделе, она выводится с отображением прилегающих стран.
  • В разделе Настраиваемые векторные карты можно создавать карты, на которых будут отображаться отдельные страны и «содружества» стран. Например, европейские страны. В этом же разделе можно добавлять маркеры. Они добавляются вместе со странами. В случае отображения во фронтальной части сайта карты, созданной в данном разделе, она выводится без отображения прилагающих стран.

Рассмотрим эти разделы.

Векторные карты Google

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

Векторные карты Google
Векторные карты Google

При создании карты (рисунок ниже) Вам будет доступен ряд опций. Наиболее важные, влияющие на саму карту, это две одноимённые опции Регион. В верхней, из спадающего списка, Вы выбираете наиболее подходящую область карты. Это может быть страна и «сообщество» стран (часть света), например, Европа. А во втором поле Регион Вы вводите код региона согласно ISO 3166-2. Например, «UA-63» – код Харьковской области (Украина). Найти эти коды можно по ссылке, которая появляется при выборе региона из спадающего списка.

Карта Google для Joomla
Карта Google для Joomla

При добавлении регионов Вам нужно указать, помимо кода, заголовок и текст подсказки. Всё остальное указывать не обязательно. По нажатию на регион можно указать URL адрес или пункт меню. Каждый регион можно подкрасить в какой-то определенный цвет.

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

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

На рисунке ниже показан пример карты Google во фронтальной части сайта с нанесёнными областями и описанием в боковой панели.

Linky Map
Linky Map

При добавлении маркера на карту (рисунок ниже) Вам, по аналогии с добавлением карты, нужно указать регион, а затем в поле Маркер ввести адрес расположения маркера, например, «проспект Науки, 9, Харьков, Харьковская область, Украина». Если Вы указали API ключ карт Google в настройках Linky Map, то в поле ввода должны появляться подсказки. Альтернатива вводу адреса – указание координат маркера (широта и долгота).

Остальные опции на этой странице аналогичны опциям, доступным при создании карты.

Google карта на Joomla
Google карта на Joomla

На рисунке ниже показан пример маркера на карте.

Google maps Joomla
Google maps Joomla

Настраиваемые векторные карты

В данном разделе (рисунок ниже) Вы можете создавать карты и маркеры. Отличия от первого раздела описаны выше в статье.

Настраиваемые векторные карты
Настраиваемые векторные карты

Как видно на рисунке ниже, набор опций очень похож на ранее рассмотренный.

Добавление нового региона
Добавление нового региона

Одно из основных отличий – добавление нового маркера прямо на этой же странице (рисунок ниже).

Добавление нового маркера
Добавление нового маркера

На рисунке ниже показан пример карты с маркерами.

Карта с маркерами
Карта с маркерами

Поля и группы полей

Linky Map интегрируется со штатным компонентом Joomla Поля (com_fields). Это можно использовать для упрощения добавления информации о картах, а также стандартизации её представления на сайте. Можно создать группу полей и добавить в неё несколько полей (рисунок ниже).

Поля Linky Map
Поля Linky Map

Затем эти поля появляются при создании/редактировании карты (рисунок ниже).

Добавление полей в описании
Добавление полей в описании

После этого они видны на сайте (рисунок ниже).

Поля в описании карты
Поля в описании карты

Настройки Linky Map

Все опции Linky Map разделены на четыре вкладки.

  1. Настройки Linky Map.
  2. Live update. Если у Вас активная подписка на обновления компонента, то тут Вы сможете связать свой сайт с аккаунтом на сайте разработчика, чтобы получать обновления компонента карт Google для Joomla.
  3. Translations. На данной вкладке Вы сможете получить доступ к установке и редактированию языков интерфейса компонента.
  4. Права. Это стандартная для всех компонентов Joomla вкладка, где Вы сможете разграничить права доступа для разных групп пользователей.

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

  • API ключ Карт Google. Для работы данного компонента Вам нужно получить API ключ от Google. Это можно сделать тут. В принципе, процедура аналогична той, что показана в предыдущем видео уроке.
  • Загружать jQuery. Без надобности не рекомендую менять значение данной опции. Можете активировать её, если в отображении или функционировании карты обнаружена ошибка.
  • Переопределение макета. Если Вас не устраивает макет страницы карты, генерируемый Linky Map, тогда перед его редактированием рекомендую создать переопределение, чтобы при обновлении компонента Ваши изменения не были утеряны.
Настройки Linky Map
Настройки Linky Map

Вывод карты на сайт

Есть три основных способа отображения карты во фронтальной части сайта.

Пункт меню тип Linky Map – Одна карта. Вад достаточно просто указать в опции Select Map, какую из ранее созданных карт нужно отображать (рисунок ниже). Особых настроек нет. Можно только указать ширину панели описания.

Linky Map – Одна карта
Linky Map – Одна карта

Модули. Компонент Linky Map идёт в составе с четырьмя модулями:

  1. «Community -Linky Map». Позволяет выводить карту с местоположением пользователей и мероприятий из JoomSocial.
  2. «Event Booking-Linky Map». Позволяет выводить карту с местоположением мероприятий из Event Booking.
  3. «Ohanah -Linky Map». Позволяет выводить карту с местоположением мероприятий из Ohanah Events.
  4. «Linkymap». Позволяет выводить любую карту, созданную в Linky Map (рисунок ниже). Для применения настроек ширины и высоты карты активируйте опцию Применять максимальную ширину/высоту.
Модуль Linky Map
Модуль Linky Map

Системный плагин. В визуальном текстовом редакторе, например, в менеджере материалов, нужно нажать на кнопку Linky Map и указать, какую карту Вы хотите отображать. После этого в тексте появится специальный заполнитель «linkymap 5». Вместо кавычек-ёлочек будут фигурные скобки. В моём примере «5» – это ID карты из компонента Linky Map.

Надеюсь, что данная статья помогла Вам уяснить возможности Linky Map, а также будет полезной в ходе настройки Google карт на Joomla.

 

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