Яндекс Карты на Joomla CMS

Модуль Конструктор Яндекс Карт для JoomlaГод назад, был создан сервис Конструктор Яндекс Карт. Им ежедневно пользуются n-ое количество пользователей, однако есть один недостаток - пользователь, пусть и без лишних телодвижений, на выходе, все еще получает код, который еще нужно скопировать и вставить.

Чтобы не обременять Вас этой ненужной процедурой копирования и вставки, я написал модуль для Joomla, который представляет из себя упрощенный конструктор.

Создать Яндекс карту на сайте под управлением Joomla теперь очень просто.

 

Возможности

  • указание размеров карты, ее центра, масштаб и  тип
  • добавление элементов управления картой, таких как масштабирование, тип карты, информация о пробках, миникарта и т.д.
  • создание произвольного количества объектов на карте
  • объекты на карте могут быть 4-х типов: полигон, ломаная, круг и метка. Каждый тип имеет различные опции в настройках
  • визуальное редактирование полигонов, линий и кругов. Масштабирование, вращение, добавление новых точек.
  • каждой карте присваивается уникальный id, поэтому на одной странице может быть сколько угодно модулей
  • модуль поддерживает 2 языка работы: английский и русский 
  • помимо прямого указания координат центра карты, есть опция для автоматического определения местоположения пользователя
  • опция: показывать уровень пробок на дорогах

Видео урок с демонстрацией работы модуля

Установка

Установка модуля, ни чем не отличается от установки любого другого модуля


Установка модуля Конструктора Яндекс Карт

Если все прошло успешно, то в результате Вы увидите, что при создании нового модуля в списке доступных модулей появился 

 

Создание нового модуля

 

модуль Конструктор Яндекс Карт от XDSoft

 

Выбираем из списка модуль Конструктор Яндекс Карт от XDSoft

 

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

Настройки модуля ни чем не отличаются от обычных настроек

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

Фактически, можно работать только с ней. Задав размер карты и ее масштаб. Выбрать начальное местоположение визуально с помощью мыши, либо при помощи строки поиска.

Все настройки автоматически будут перенесены в параметры модуля при сохранении. 

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

 

Элементы управления конструктором: контролы, строка поиска, ресайзер, тулбар с выбором объектов, слайдер масштабирования

Количество создаваемых на карте объектов не ограничено. Все объекты сохраняются автоматически, при помощи AJAX

Важно понимать!

модуль хранить данные о объектах в mysql таблице. Все данные сохраняются автоматически, при любой манипуляции с объектом и его свойствами. Т.е. кнопку Сохранить, модуля, нажимать не требуется. Это нужно помнить при редактировании объектов. Нажав кнопку Закрыть, Вы не сохраните настройки самой карты, однако изменения в объектах уже будут сделаны.

 

Создание множества различных элементов на карте

Настройка карты

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

Тонкая настройка параметров карты

Элементы управления картой

По умолчанию у карты включены такие элементы управления, как Масштабирование (zoomControl), тип карты и стандартная панель инструментов с тремя кнопками. На вкладке Элементы управления, можно самостоятельно это изменить.

 

Элементы управления картой

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

При включении всех контролов карта примет такой вид. Единственным элементом, которого не будет на итоговой карте будет панель с выбором объектов

Поведение карты

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

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

Включение/выключения поведения карты

Создание и редактирование объектов

Одним из достижений этого конструктора, и отличий от конструктора, который предоставляет сам Яндекс, это то, что объекты типа полигон, линия и круг можно легко масштабировать по осям координат. Полигоны и линии можно вращать вокруг центра объекта.

Это удобно, когда необходимо слегка сплющить или повернуть объект. 

Редактирование объекта на карте

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

 

Как только все объекты установлены, визуально настроены и настройки карты в порядке, можно посмотреть результат.

Мультиязычность

Модуль имеет две локализации: английскую и русскую. Если локализация сайта не входит в этот список:  ru-RU, en-US,  tr-TR, uk-UA (это список языков, которые поддерживают Яндекс карты), то по умолчанию подключается en-US версия Яндекс Карт. Как, собственно и произошло в моем примере.

Результат модуль в страницу вставлен при помощи modules anywhere

Дальнейшие планы

Работу над модулем и сервисом Конструктором Яндекс карт планирую продолжать. И как всегда буду рад конструктивным предложениям в комментариях.

Рассказать друзьям
author.jpg

Платная консультация по вопросам 2500 руб/час

Прочитали статью и остались вопросы? Меня зовут Валерий и я её автор. С радостью объясню Вам в скайпе все затруднительные моменты, которые остались за рамками статьи!

Подробнее ...

Добавить комментарий


Комментарии