Всем привет! Думаю, каждый из вас время от времени пользуется сервисами Google Maps и Яндекс Карта для просмотра пробок, маршрутов проезда или нахождения определенного адреса. Сервисы очень удобные и популярные, поэтому определенно заслуживают нашего внимания. В этой статья я расскажу про модуль Яндекс Карта для Joomla. Заодно рассмотрим и аналог от Google.

Яндекс карта joomla

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

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

Плагин Embed Google Map для Joomla

Расширений для интеграции в Joomla карты Google достаточно много. Есть компоненты просто с огромным функционалом — например, расширение Googlemaps Plugin со средней оценкой 4.85 из 5. Всем этот плагин хорош, но только полностью на английском языке. Учитывая, что настроек очень, очень и очень много, разобраться в них сможет далеко не каждый. Поэтому я предлагаю пользоваться другим плагином — Embed Google Map. Его функционал пусть и не столь внушителен, но зачастую его более чем достаточно.

Скачать плагин Embed Google Map можно с joomla.org. Распаковывать полученный архив не надо. Как и все расширения, плагин Embed Google Map устанавливается через Менеджер Расширений Joomla.

После установки переходим в Менеджер Плагинов и находим «Content — Embed Google Map». Активируем плагин, изменив его состояние на «включено», и заходим в настройки.

Рассмотрим Основные параметры.

Настройки плагина Embed Google Map

  • Zoom level — задаем масштаб.
  • Language — выбираем язык (Russian).
  • Add link — добавить ссылку на увеличенную версию. Link label — текст данной ссылки.
  • Height и Width — высота и ширина окна.
  • Border — толщена границы в пикселях.

Для вывода на страницы сайта используется следующий код:

{google_map}address{/google_map}

Вместо address вписываем требуемый адрес. Плагин Embed Google Map удивительно хорошо воспринимает русский язык. Например, понимает такой адрес: Краснодар улица Красная дом 68.

Модуль Карта Google Joomla

Данный код можно вставлять либо в текст материала, либо в стандартный модуль «HTML-код». Соответственно, в первом случае карта появится в области контента, а во втором в области модуля. Только используйте при этом HTML редактор CodeMirror. Визуальный редактор TineMCE не дружит с подобного рода кодами.

Код для вывода может быть дополнен атрибутами.

1. Установить масштаб 7.

{google_map}address|zoom:7{/google_map}

2. Задаем масштаб 12 и английский язык.

{google_map}address|zoom:10|lang:en{/google_map}

3. Задаем размеры окна и толщину границы.

{google_map}address|width:450|height:350|border:1{/google_map}

4. Добавляем ссылку на увеличенную карту и задаем ее анкор.

{google_map}address|width:450|height:350|border:1|link:yes|link_label:Label{/google_map}

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

Компонент Zh YandexMap

Для создания Яндекс Карты в Joomla 2.5 имеется только одно бесплатное расширение — компонент Zh YandexMap. Зато очень качественное — с большими функциональными возможностями и полностью на русском языке.

Скачать Zh YandexMap можно так же с joomla.org. Устанавливается стандартно — через Менеджер Расширений. Так как Zh YandexMap компонент, а не плагин, то для себя он создает одноименный пункт в разделе «Компоненты» главного меню админки Joomla.

Для работы компонента необходимо получить Ключ для API Яндекс.Карты. Переходим в Форму получения API-ключа от Яндекс.

Получаем api-ключ

  • Вводим адрес сайта.
  • Ставим галочку под пользовательским соглашением (которое у меня почему-то не появилось).
  • Нажимаем «Получить API-ключ».

НастройкиУже на следующей странице получаем заветный ключик. Его следует скопировать и вставить в настройки компонента Zh YandexMap, в которые можно попасть, используя соответствующую кнопку в тулбаре.

Каков принцип работы с Zh YandexMap:

  • Создаем карту через соответствующий раздел. Они для удобства группируются по категориям.
  • На созданную карту наносим метки, маршруты и пути. В свою очередь метки объединяются в группы меток.

Рассмотрим, как создать простую Яндекс карту, на которую в последствии можно будет нанести дополнительные метки, маршруты и пути.

СоздатьПереходим в раздел «Карты» и нажимаем кнопку «Создать» в панели инструментов в правом верхнем углу.

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

  • Наименование — описание центрального маркера. Для примера возьмем адрес «Краснодар улица Красная дом 68».
  • Вывести наименование — задаем, каким образом будет появляться информация из наименования для центральном маркера. Наименование можно вовсе не выводить, если необходимо получить чистую карту. Затем на нее можно будет нанести метки, маршруты и пути.
  • Ширина и высота — размеры окна.
  • Широта и Долгота — координаты центрального маркера. Для заполнения этих полей следует воспользоваться большой картой внизу страницы. В поиске вводим требуемый адрес.

    Метка на карте

    Когда он появляется на карте, отмечаем его маркером (просто нажимаем левой кнопкой мыши, и маркер появляется в этом месте). Поля широта и долгота автоматически пропишутся.
  • Далее идут настройки масштаба, типа карты и координатной сетки — все это выбирайте на свое усмотрение.

Очень важный момент. Карта от Яндекс не встраивается в материал Joomla. Для нее выделяется отдельная страницы. Контент данной страницы формируется с помощью нижнего и верхнего колонтитулов + сама карта. Таким образом, верхний колонтитул — это весь текст и html код, который должен предшествовать Яндекс карте на странице, а нижней колонтитул — это текст и html код, который следует после нее.

Справа имеется еще очень много всевозможных дополнительных настроек. На них останавливаться не будет. Там все по-русски, поэтому нетрудно разобраться.

Когда Яндекс карта создана, а вместе с ней и весь контент для новой страницы, необходимо создать саму страницу. За это отвечают пункты меню Joomla.

Создание страницы с картой

При создании пункта меню выбираем тип «Карта». В обязательных параметрах задаем конкретную карту.

Основные параметры YandexMap

После сохранения появляется новый пункт меню, ведущий на созданную нами страницу с картой. У меня Яндекс карта для Joomla получилась такой. Не забываем, что ее интерфейс, масштаб и тип можно настроить под себя.

Яндекс Карта

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

На этом на сегодня все. Спасибо за внимание!

Лучший способ выразить благодарность автору - поделиться с друзьями!

Узнавайте о появлении нового материала первым! Подпишитесь на обновления по email:

Следите за обновлениями в Twitter и RSS.