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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Карта сайта OSMap .

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

Данный компонент пришёл на смену когда то популярной карты сайта для Joomla - "Xmap ", которая больше не поддерживается, а официальный сайт Xmap был закрыт.

Шаг 1. Установка карты сайта на джумлу

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

Установка компонента происходит через админ панель сайта по следующему пути:

Расширения ==> Менеджер расширений ==> Загрузить файл из пакета

Выбираем на компьютере скаченный файл и нажимаем Загрузить и установить

Всё карта установлена и сразу же работает.

Шаг 2. - Настройки карты сайта

В админке сайта заходим в Компоненты => OSMap .

Здесь находится карта сайта "Sitemap", в которую заходим.

Карта сразу после установки уже создана и опубликована! Можно больше ничего не делать, все работает!

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

Во вкладке Меню отмечаем меню которые должны отображаться в карте сайта. Что касается приоритета (Priority) и частоты изменения (Change Frequency), можно ничего не менять, так как поисковики всё равно будут индексировать сайт по своим правилам.

На вкладке Параметры доступна возможность таких настроек:

Если вы не установили перевод, будет отображаться следующим образом:

  • Intro text - вводный текст для карты в формате HTML
  • Menu Title - название меню вверху каждого меню
  • CSS Class name - название своего класса стилей для карты
  • # Cols - указание количество колонок начиная с 2-х
  • External Links Image - выбор картинки для внешних ссылок
  • Compress XML - сжатие карты
  • Beautify XML - вид карты, проверьте и выберите понравившийся вариант отображения карты
  • Link to author - отключение ссылки на разработчиков расширения

Шаг 3. - Просмотр карты

Выходим из настроек и видим в строке с названием карты Ссылки карты.

При клике по Images , появится информация об изображениях сайта.

Шаг 4. Создание меню

Переходим в МЕНЮ и создаем пункт меню OSMap - HTML Sitemap . В строке "Choose a sitemap" указываем карту сайта.

На следующей вкладке "Sitemap Setting" имеется кнопка для подключения стилей данного расширения.

Открываем на сайте созданный пункт меню, где нас ждет карта сайта.

Шаг 5. Плагины

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

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

Как из карты OSMap убрать ненужные страницы сайта

Для этого нужно авторизоваться на сайте (не в админке, а на сайте!!) под админовским логином. Открыть карту сайта XML - ранее описанный шаг 3. В самом левом столбике при нажатии на зелёную "птичку" можно включать/выключать нужные вам пункты. Для удобства вверху в информационном блоке включите "Показывать заголовки"

Ну и в конце, не забудьте прописать адрес карты сайта в файле robots.txt

Для этого в файл robots.txt добавляем следующую строчку.

Всем привет! Думаю, каждый из вас время от времени пользуется сервисами 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 — толщена границы в пикселях.

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

{ google_map} address{ / google_map}

Вместо 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:

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

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

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

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


Xmap - самый популярный генератор карты сайта для CMS Joomla 2.5 и 3.0, который теряет актуальность из-за возможных ошибок, связанных с продолжительным отсутствием обновлений расширения. Иными словами, компонент Xmap был окончательно заброшен разработчиком и применять его на современных версиях Joomla не рекомендуется.

Возможности компонента Xmap

Данное расширение является динамическим генератором карт сайта на Joomla : все данные о страницах будут обновляться автоматически.

Кроме того, данный компонент позволяет:

  • создавать карты сайта в формате HTML и делать их пунктами меню
  • создавать файлы Sitemap в формате XML
  • редактировать карты сайта во внешнем интерфейсе
  • устанавливать приоритет для материалов и категорий по стандарту Sitemap
  • указывать частоту обновления страниц сайта по стандарту Sitemap
  • создавать XML-файлы Sitemap для изображений и новостей

Интеграция Xmap с компонентами Joomla

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

  • JoomShopping
  • VirtueMart
  • AcyMailing
  • AdsManager
  • и многие другие...

При этом стандартный компонент контента Joomla интегрируются с расширением по умолчанию.

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

Обновление Xmap

К сожалению, компонент Xmap уже давно не обновляется разработчиком: последняя версия была выпущена под номером 2.3.4. Хотя расширение по-прежнему пользуется популярностью, вероятность его некорректного функционирования слишком высока.

Альтернативы Xmap

Мы не рукомендуем использовать Xmap и mapX по описанной выше причине. Для создания карт сайта (файлов Sitemap ) на современных версиях Joomla существуют поддерживаемые разработчиками компоненты.

Компонент Xmap 1.2.14 и 3.2.4 RUS для Joomla предназначен для создания полноценной карты для вашего сайта под управлением cms Joomla. Xmap способен генерировать (создавать) карту сайта как в HTML так и XML формате, что позволяет значительно улучшить индексацию вашего сайта поисковыми системами.

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

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

Сама карта сайта в формате xml - это обычный файл с расширением .xml содержит URL ссылки (заключенные в XML - теги) на страницы вашего сайта и позволяет роботам поисковых систем получить дополнительную информацию о страницах вашего сайта.

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

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

Как я уже говорил, способен без проблем создавать два типа карт, в формате html и xml . Также этот компонент Xmap может настраивать свой css стиль, доступ к которому есть прямо из администраторской панели. Компонент имеет русский интерфейс, что позволяет легко разобраться с ним даже новичку.

Скачать файлы:

Xmap v2.3.4 Stable Rus для Joomla 2.5 и 3.x

Многие ошибки были исправлены с момента предыдущей версии.
Xmap 2,3 поставляется с 7-ю предустановленными расширениями: com_content, com_kunena, com_sobipro, com_mtree, plg_com_k2 и т.д.

Если Вам не нужны эти расширения, тогда распакуйте скачанный архив и установите только компонент - com_xmap.zip.

Русский язык для XMaP устанавливается автоматически.

Компонент (Component) и Плагины (Plugin)

GNU/GPL V2 28.11.2013 Русский Joomla 2.5 и Joomla 3.0 204.89 KB 31254
Компонент Xmap Rus для Joomla 1.5 Версия: v1.2.14

Добавлена поддержка новых версий Kunena .
- Обновлено расширение глоссария для работы с Глоссарий 2,7 и выше
- Добавлен новый плагин для ZOO - com_zoo
- Исправлена ​​ошибка: не показывать "специальные" пункты меню, если пользователь не имеет требуемых привилегий.

GNU/GPL V2 23.02.2012 Русский Joomla 1.5 261.4 KB 6455



Close