Многие привыкли использовать Google карты на своих сайтах, но стоит отметить, что неплохой альтернативой могут быть Яндекс карты, которые также обладают достаточно хорошим функционалом. Компонент Zh YandexMap, предоставляет весь спектр возможностей по работе с картами, их размещением, созданием дополнительных элементов и всего прочего. Теперь Яндекс карты Joomla стали более понятными и доступными для рядового пользователя. Благодаря наличию плагина и модуля, можно будет максимально интегрировать карты на свой проект, а общие возможности компонента, порадуют тонкими настройками и доступным функционалом. Стоит отметить, что при всей своей продвинутости, это решение полностью бесплатное. Так что стоит более детально ознакомиться с тем, на что же именно годятся эти карты.

Функционал Zh YandexMap

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

Легкое создание и отображение любого количества карт;

Доступны такие параметры для корректировки, как: тип карты, масштабирование, а также управление типом карты. Поддерживается очень удобная панель управления;

Встроенный поиск;

Поддерживается управление трафиком, можно выводить информацию по пробкам;

Есть мини – карта;

На карте поддерживается создание маршрутов;

Создание любого количества меток, с поддержкой установки пользовательского образа на метку (любого изображения);

Для карты можно указывать YMapsML документ;

К каждому маркеру можно прикреплять изображение и ссылку;

Поддерживается создание групп маркеров, а также доступна функция скрытия и показа этих групп;

Поддерживается работа с диспетчером объектов для меток. Можно будет включать отображение меток, только при использовании определенного масштаба;

Можно указывать следующий ряд документов для карт: KML, GPX , ну и вышеуказанный YMapsML (можно указывать не только один файл);

В метках можно будет указывать контактные данные;

Карты поддерживают «слои пользователя», что открывает возможность использования пользовательских карт;

Можно будет указывать, какие именно элементы управления картой будут выводиться;

На картах можно строить линии любой ломаной формы, чтобы прокладывать маршруты для пешеходов;

Модуль будет выводить карту со всеми прикрепленными элементами в нужной позиции;

Плагин позволит размещать карту в любой статье.

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

Простота в настройке

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

JB Maps предоставляет вам простой модуль для вставки карты на ваш сайт. Это бесплатный модуль созданный JoomlaBamboo, он позволяет задавать высоту, ширину, стартовую позицию и до 3 отметок на карте. Он также позволяет строить маршруты между отметками.

Функции

• Установка высоты карты.
• Установка ширины карты
• Установка стандартного уровня зума
• Установка начальных координат
• Создание до 3 отметок
• Построение маршрутов между отметками

Зависимости

JB Library plugin – если ваш сайт не использует jQuery. Для всех наших T3 шаблонов вам не нужно устанавливать JB Library, чтоб заставить его работать.

Инструкции

Сначала убедитесь, что вы установили модуль используя установщик Joomla из админ-панели и затем поместите модуль в желаемую позицию. После этого вы сможете изменять настройки. Зайдите в панель администратора Joomla и найдите там менеджер модулей. Так вы увидите список модулей, найдите в нем модуль JB Maps. Щелкните по заголовку и вы увидите параметры которые можно настроить. Если вам понадобится дополнительная информация о настройках, сдвиньте текст влево, и появится подсказка. Не забудьте сохранить внесенные изменения.

Решение проблем

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

Могу ли я использовать параметр auto для настроек ширины?

Нет, для карты невозможно задать автоматическое определение ширины. Вам нужно указать максимальную ширину для отображения карты, основываясь на ширине основного контейнера вашего шаблона. Модуль использует CSS свойство max-width, которое гарантирует, что карта никогда не вылезет за пределы родительского контейнера в адаптивном дизайне.

От автора: приветствую Вас уважаемые читатели. Согласитесь что очень удобно вместе с адресом расположения офиса компании, на определенной странице сайта, отображать карту сервиса Яндекс, для более точного визуального представления местности. Но такая на первый взгляд простая вещь как Яндекс карта для Joomla 3, вызывает, как правило, множество вопросов у начинающих веб-мастеров. Поэтому в данной статье мы с Вами поговорим о том, как добавить вышеуказанный элемент на страницу Вашего сайта.

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

Для создания карт, в сервисе Яндекс, предусмотрен простой и удобный конструктор, который вы найдете по следующей ссылке .

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

На главной странице конструктора карт, во всплывающем блоке, необходимо кликнуть по кнопке “Создать новую карту”.

Далее выполним поиск интересующего адреса, используя специальное поле над блоком карты. К примеру, для Украины, давайте найдем улицу Университетская в городе Харьков. Соответственно, если адрес найден, то он будет отображаться на карте. При этом, используя ползунок масштаба слева, Вы можете увеличить или уменьшить требуемый участок карты.

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

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

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

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

Современные тенденции и подходы в веб-разработке

Узнайте алгоритм быстрого роста с нуля в сайтостроении

Статическая – карта в формате простого изображения, которая используется только для просмотра определенного участка.

Печатная – карта в формате изображения высокого разрешения, которую можно использовать для печати.

Завершив все необходимые настройки, кликаем по кнопке “Получить код карты” и копируем сгенерированный код.

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

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

Далее переходим в менеджер контактов и открываем контакт, в информации которого необходимо отобразить карту. Затем, на вкладке “Дополнительная информация” в текстовую область добавляем скопированный корт будущей карты.

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

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

Хотел бы отметить, если Вам необходимо добавить карту в определенное место шаблона то вы можете добавить скопированный код непосредственно в один из файлов шаблона, при этом конечно необходимо знать их структуру. Если Вы не знаете, из каких элементов состоят шаблоны Joomla, Вам будет полезен наш мини-курс .
Так же отобразить карту на страницах сайта Вы можете, используя модуль яндекс карт для joomla, к примеру Yandex Maps Creator. Но на мой взгляд, ручное добавление кода, наилучшее решение для данной задачи.

Всего Вам доброго и удачного кодирования!!!

Современные тенденции и подходы в веб-разработке

Узнайте алгоритм быстрого роста с нуля в сайтостроении

Привет всем)

В данной статье мы рассмотрим как можно поставить карту от Яндекс на сайт Joomla .

Для начала идем сюда http://api.yandex.ru/maps/tools/cms/ и скачиваем модуль для Joomla.

Потом устанавливаем его (Менеджер расширений - Загрузить файл пакета).

Теперь идем в Менеджер модулей и ищем установленный модуль

Нажимаем на него и попадаем в настройки. Слава Яндексу, все настройки на русском:)

Для того, чтобы поставить метку на нужное место, можно просто вписать координаты.

Так же можно просто взять и потянуть метку в нужное место карты.

Масштаб карты можно посмотреть по примеру карты (выше настроек). Нажмите на + или на - чтобы посмотреть масштаб.

Тип карты так же можно посмотреть на примере сверху.

Ширину и высоту устанавливаем под сайт, в моем случае это 500х400px.

Текст (название) иконки, html теги - Даем название метке на карте.

Подсказка метки - Всплывает надпись, когда наводите курсор на метку.

Балун - Текст при нажатии на метку.

Масштабирование, Инструменты, Тип карты, Пробки - добавить дополнительные опции на карту.

Дополнительные параметры - лучше не трогать:) (для этого смотрите APIяндекс-карт)

После того, как все настроили, сохраняем и публикуем модуль.

На этом все, Удачи!)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Компонент Zh YandexMap

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

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

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

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

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

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

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

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

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

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