В каком случае использовать эти варианты.
Конструктор можно использовать если вам нужна обычная карта с простой меткой. Это почти 80% случаев.
Например, чтобы обозначить офис или магазин на карте города.
Рассмотрим по-подробнее каждый из вариантов и при помощи каких расширений это можно реализовать.
Вариант 1. Вывод карты через конструктор.
Если нужна простая карта, то идём в конструктор и создаём новую карту.
Указываем её название и описание.
Выбираем на карте нужный участок и ставим метку, для неё можно указать небольшое описание, выбрать цвет и иконку.
Также можно нарисовать линии, многоугольники, выбрать нужный слой: схема, карта или гибрид.
После чего нужно указать размер окна карты, либо растянуть её по ширине. Например для лендинга.
Выбрать тип карты. Чаще всего используется интерактивная, которую можно двигать. Она удобнее.
И в конце получаем код для вставки на свой сайт.
Вставить карту можно как в статью, так и в модуль.
Обратите внимание, что код карты содержит яваскрипт код, который обрезается редактором Joomla.
Поэтому для вставки можно использовать наш модуль JT Code или плагин Sourcerer
Вот собственно и всё.
Вариант 2. Вывод карты при помощи API
Один из мощных компонентов - это Zh Yandex Map , он бесплатный и использует последнюю версию API 2.0 или 2.1 (на выбор).
У компонента очень много возможностей, поэтому мы рассмотрим только базовые, которые используются чаще всего.
А именно вывод карты с меткой и расширенным описанием.
Плюс компонента в том что с ним в комплекте идёт плагин, который позволяет вставлять карту в материал при помощи специального тега. Поэтому если у вас на сайте будет много карт, то создавать для каждой карты свой отдельный модуль не нужно.
Итак, компонент установили, можно зайти в его настройки и выбрать версию API, а также протокол по которому он будет работать: http или https.
Остальные настройки можно оставить по-умолчанию.
В настройках указываем:
Настроек ещё полно, но для обычной карты на этом можно закончить и перейти к созданию метки.
Для создания метки переходим в раздел Метки.
Здесь указываем:
- наименование
- дополнительный HTML текст, вот здесь можно вставлять что угодно: текст, ссылки, изображения и т.д.
- широта и долгота метки, тоже можно взять на обычной карте, и в случае чего потом подредактировать.
- наименование карты, тут выбираем созданную нами карту на предыдущем шаге.
- группу меток или категорию метки, если вы их создавали.
На вкладке "Атрибуты представления" можно настроить вид метки.
Сделать отступы, изменить иконку и т.д.
Чтобы использовать стандартные иконки Яндекса, выбираем для метки - предопределённая иконка.
И ниже в поле "Предопределённая стандартная иконка" вставляем её название. Его можно взять кликнув по кнопке "Список стандартных иконок".
Из названия иконки нужно убрать кавычки.
На этом можно закончить создание метки для карты и вывести карту на сайте.
Потом вы можете изменять настройки карт и меток так как вам будет нужно.
Вставка яндекс карты в материал Joomla.
В нужной статье (или модуле) достаточно вставить специальный тег {zhyandexmap:11}
Где 11 - это ID вашей созданной карты.
Прим: заметил что при вставке e-mail адреса в HTML-описание метки карта работает некорректно. Это на всякий случай.
Также можно создавать несколько меток на одной карте и объединять их в категории или группы.
Можно создавать маршруты, пути и разные типы карт.
Настроек у компонента очень много, чтобы разобраться с ними, нужно понять возможности API Яндекс карт. Они очень большие.
Ну а для обычной карты достаточно того что здесь написано.
Документацию к этому компоненту можете посмотреть на сайте разработчика >>
Там же можно найти компонент для карт Google и Baidu.
Спасибо за внимание)
Удачной разработки!
От автора: приветствую Вас уважаемые читатели. Согласитесь что очень удобно вместе с адресом расположения офиса компании, на определенной странице сайта, отображать карту сервиса Яндекс, для более точного визуального представления местности. Но такая на первый взгляд простая вещь как Яндекс карта для Joomla 3, вызывает, как правило, множество вопросов у начинающих веб-мастеров. Поэтому в данной статье мы с Вами поговорим о том, как добавить вышеуказанный элемент на страницу Вашего сайта.
Сразу же хотел бы отметить, что в CMS Joomla яндекс карты, добавляются достаточно просто, так как карта, по сути, генерируется специальным сервисом системы Яндекс. А значит, все что от Вас требуется, это добавить специальный код на интересующую страницу Вашего сайта, который Вы получите при создании и настройке карты. Конечно, для начала работы Вам обязательно необходима учетная запись Яндекса, поэтому если у Вас ее нет, пройдите регистрацию на данной странице .
Для создания карт, в сервисе Яндекс, предусмотрен простой и удобный конструктор, который вы найдете по следующей ссылке .
При этом, под созданием карты понимается – определение прямоугольного участка на глобальной карте, который будет изначально отображаться на странице Вашего сайта.
На главной странице конструктора карт, во всплывающем блоке, необходимо кликнуть по кнопке “Создать новую карту”.
Далее выполним поиск интересующего адреса, используя специальное поле над блоком карты. К примеру, для Украины, давайте найдем улицу Университетская в городе Харьков. Соответственно, если адрес найден, то он будет отображаться на карте. При этом, используя ползунок масштаба слева, Вы можете увеличить или уменьшить требуемый участок карты.
После выбора интересующего адреса, необходимо указать название и краткое описание будущей карты, а так же добавить метку, которая будет показывать точное местоположение определенного объекта на карте (в нашем случае офиса компании) и краткое описание.
Создавая метку, Вы можете выбрать ее цвет, вид и содержимое, в виде изображения, отображаемого непосредственно в ней. Для завершения создания карты, необходимо нажать на кнопку “Сохранить и продолжить”.
После этого сервис Яндекс Карты, предлагает выбрать размер будущей карты, который Вы можете определить либо, используя текстовые поля слева, или используя мышь, простым перетаскиванием, вручную определить область карты, отображаемую пользователям Вашего сайта. Так же в левом блоке, предоставляется возможность выбора типа карты:
Динамическая – данная карта может управляться пользователем, то есть он по своему усмотрению, может передвигаться по карте, изменять масштаб, а объекты будут отзываться на его действия.
Современные тенденции и подходы в веб-разработке
Узнайте алгоритм быстрого роста с нуля в сайтостроении
Статическая – карта в формате простого изображения, которая используется только для просмотра определенного участка.
Печатная – карта в формате изображения высокого разрешения, которую можно использовать для печати.
Завершив все необходимые настройки, кликаем по кнопке “Получить код карты” и копируем сгенерированный код.
Теперь давайте поговорим о том, как добавить яндекс карту на сайт Joomla. Итак, полученный код мы можем добавить непосредственно в интересующее место шаблона, или, в один из материалов Joomla, или же в страницу отображения контактной информации конкретного пользователя. В качестве примера, я использую последний вариант.
Как Вы видите, скопированный код – это по сути скрипт языка JavaScript, а значит при добавлении его в текстовое поле в котором используется визуальный редактор, теги script и все их содержимое, будут блокироваться. Поэтому, на время, отключим визуальный редактор в глобальных настройках Joomla.
Далее переходим в менеджер контактов и открываем контакт, в информации которого необходимо отобразить карту. Затем, на вкладке “Дополнительная информация” в текстовую область добавляем скопированный корт будущей карты.
Сохраняем изменения и переходим в пользовательскую часть для проверки результатов нашей работы.
Как Вы видите карта успешно отображается, а значит, вопрос как вставить яндекс карту на сайт joomla для Вас исчерпан.
Хотел бы отметить, если Вам необходимо добавить карту в определенное место шаблона то вы можете добавить скопированный код непосредственно в один из файлов шаблона, при этом конечно необходимо знать их структуру. Если Вы не знаете, из каких элементов состоят шаблоны Joomla, Вам будет полезен наш мини-курс .
Так же отобразить карту на страницах сайта Вы можете, используя модуль яндекс карт для joomla, к примеру Yandex Maps Creator. Но на мой взгляд, ручное добавление кода, наилучшее решение для данной задачи.
Всего Вам доброго и удачного кодирования!!!
Современные тенденции и подходы в веб-разработке
Узнайте алгоритм быстрого роста с нуля в сайтостроении
Сегодняшнюю статью я хочу посвятить компоненту Xmap — карта сайта для Joomla 2.5, joomla 3.0. Я всегда на всех своих проектах ставлю данный компонент, т.к. карта сайта положительно влияет на индексацию сайта в поисковых системах, особенно, если сайт имеет сложную структуру.
Давайте же разберем, где данный компонент можно скачать, как его установить и как настроить. Первое, что хочу сказать — данный компонент распространяется бесплатно. Идем на сайт разработчика и качаем Xmap последней версии.
Устанавливаем данное расширение через стандартный инсталлятор Joomla — Расширения -> Менеджер расширений. Загружаем скачанный архив через кнопочку «Обзор» и жмем кнопку «Загрузить и установить».
Получаем сообщение о том, что компонент успешно установлен. Далее идем в системное меню Компоненты -> Xmap. Сразу скажу, что русского языка тут нет, но я поискал в интернете и нашел довольно неплохой перевод для Xmap Joomla 2.5, Joomla 3.0. Скачать его можно . Устанавливаем языковой пакет как обычное расширение joomla через стандартный инсталлятор. После установки можете вернуться в панель управления Xmap и вы заметите, что все теперь на русском. Если вы заметили Xmap нам выдает вот такое сообщение (после перевода) — «Xmap обнаружило, что данное расширение поможет Вам поместить больше содержимого в Вашу карту сайта, но оно отключено, Вы должны включить его вручную перейдя в менеджер расширений: com_content, com_weblinks «. Нам необходимо включить некоторые расширения, чтобы включить все ссылки в карту сайта. Где их включать? Об этом ниже.
В Xmap имеются две вкладки: Карты сайта и Расширения.
Во вкладке «Карты сайта» открывается список созданных карт сайта (их может быть много). Давайте создадим первую карту сайта, не отходя, так сказать, от кассы. Чтобы создать карту сайта жмем по оранжевой кнопочке «Создать». Далее, вводим заголовок, например, карта сайта. В поле «Алиас» можно ничего не вводить, он заполняется транслитом из заголовка. Выставляем Состояние на «Опубликовано». Доступ — «Public», т.е. показывать карту сайта всем. В поле «Вводный текст» можете написать какой либо текст, который будет отображаться до карты сайта. Вводный текст помимо текста может содержать в себе картинки, видео и т.д.
В правой колонке во вкладке «Меню» отмечаем галочками созданные меню, которые хотим включить в карту сайта. На основании пунктов меню строится карта сайта.
Приоритет — здесь можно задать приоритет страницам, относящиеся к меню. С помощью выставления приоритета сообщается поисковым системам о важности той или иной страницы. Чем выше приоритет, тем выше важность страницы. Приоритет отмечается в xml-карте сайте, а в html-карте сайта никак не отображается. Например, главному меню можно указать приоритет по выше, а другим меню по ниже. Приоритет указывается от 0.1 до 1 с шагом в 0.1. Данный параметр является не особо важным и на индексацию страниц не влияет.
Частота обновления — здесь выставляем интервал той периодичности с которой обновляются разделы данного меню, т.е. если материалы данного меню обновлюется несколько дней в неделю, то лучше выставить «weekly», если каждый день, то — «daily» и т.д. Данная опция сообщает поисковым системам через xml-карту (которая создается автоматически) с какой периодичностью обновляется ваш сайт. Только не вздумайте обмануть поисковую систему, не получиться. Выставляйте реальные интервалы.
Во вкладке «Опции» нам доступны следующие пункты:
- Вводный текст — выставляем «Yes», если хотим показать вводный текст в html-карте сайта, который вводили в большое текстовое поле, иначе, выставляем «No».
- Заголовок меню — выставляем «Yes», если хотим видеть заголовок меню над ссылками в html-карте сайта.
- Имя css-класса — здесь можем задать уникальный класс для таблицы стилей, чтобы оформить html-карту сайта по своему усмотрению.
- # столбцов — с помощью данной опции можем указать количество столбцов карты сайта. Это актуально, если у нас в предыдущей вкладке выбрано больше одного меню.
- Изображение внешней ссылки — если в карте сайта существует ссылка, ведущая на сторонний ресурс, или как говорят, внешняя ссылка, то она может помечаться специальной иконкой. Иконку можно найти по следующему адресу — /components/com_xmap/assets/images.
- Сжимать XML — здесь советую выставить «Yes». Это нужно для уменьшения размера файла и как следствие быстрой загрузки. Но иногда это может вызывать проблемы для поисковых ботов. В таком случае можно выставить переключатель на «No».
- Красивый XML — данная опция не является обязательной, она лишь визуально придает более менее приятный вид xml-карте сайта. Если у вас буду проблемы с вашей картой сайта, то можете выставить переключатель на «No».
Вкладка «Новостная карта сайта » — необходима, если у вас сайт присутствует в гугл новостях . В поле «Название публикации » вводим название вашей новостной публикации в Гугл без кавычек, например, Новости сайта zaurmag.
Теперь когда мы пробежались по всем пунктам можем нажать на кнопку «Сохранить» или «Сохранить и закрыть». Теперь у нас в списке карт сайт имеется одна карта сайта.
Просмотреть xml-карту сайта можно нажав на ссылочку «Xml карта сайта», страничка откроется в новой вкладке. Также открываем и карту сайта новостей, если сайт добавлен а Гугл новости.
Вот как выглядит xml-карта сайта одного из примерных моих сайтов. В верхней части нам сообщается сколько в карте присутствует урлов, идет список самих урлов страниц и обратите внимание на колонки Частота изменения и Приоритет. Здесь выставляются те параметры, что мы выставляли во вкладке «Меню «. Далее на что хотел бы обратить ваше внимание, это ссылка «Войдите» в верхней части окна. Для чего это нужно?
После авторизации во фронтальной части сайта с правами супер администратора (для авторизации откройте любую страницу фронтальной части сайта и через форму авторизации авторизуйтесь, далее после вернитесь в карту сайта и просто перезагрузите страничку) нам доступно редактирование нашей xml-карты сайта, а именно:
- мы можем снимать с публикации некоторые урлы, т.е. те, которые не хотим видеть в индексе поисковых машин.
- мы можем изменять частоту изменений каждому отдельному адресу, тобишь странице. Если в настройках частота изменения присваивалась только меню, то здесь уже можно назначать каждой отдельной странице данного меню. Я считаю, что это очень удобно, потому что не все страницы одинаково обновляются. К примеру, на одной странице могут чаше писать пользователи комментарии, чем на другой, а комменты это тоже обновление.
- мы можем назначать каждой отдельной странице приоритет. Здесь все аналогично.
Следующий момент это два чекбокса: Показать заголовок и Показывать исключённые пункты. Если поставить галочку на пункте «Показать заголовок» , то над адресами появится заголовок страницы, тоже очень удобная штука, т.к. по адресам не всегда можно определить что это за страница. Если выставить галку на пункте «Показывать исключённые пункты», то у нас будут показываться адреса, которые мы сняли с публикации. Неопубликованные урлы слева помечаются красным крестиком и бывают перечеркнутыми. Если галка на данном пункте не стоит, то такие адреса бывают скрыты. Все же опубликованных урлы помечаются зеленой галочкой (только, если авторизованы).
Ну вот я думаю с xml-картой сайта мы разобрались и теперь двигаемся дальше. Далее мы вернем в панель управления Xmap и разберем вторую вкладку «Расширения» . А как же html-карта сайта спросите вы? А html-карту сайта создадим чуть позже. Обо всем по порядку.
Во вкладке «Расширения» находятся список всех плагинов, которые идут как дополнение к Xmap. Мы должны включить нам необходимые. По умолчанию с Xmap устанавливаются следующие расширения:
- Xmap — Content Plugin — выводит ссылки в карте сайта из стандартного компонента материалов Joomla;
- Xmap — Kunena Plugin — выводит список всех рубрик и тем созданных на форуме, работающего на компоненте Kunena (но данный плагин почему то у меня не работал);
- Xmap — Mosets Tree Plugin
- Xmap — SobiPro Plugin
- Xmap — Virtuemart Plugin — плагин интернет магазина, работающего на платформе Virtuemart, выводит ссылки всех рубрик и товары магазина.
- Xmap — WebLinks Plugin
Щелкнув по вкладке «Расширения», мы тем самым попадем в менеджер плагинов Joomla, только попав в расширения через Xmap у нас автоматически срабатывает фильтр по расширениям Xmap.
Если у вас установлен какой либо компонент, помимо тех, что перечислены выше, то плагин для Xmap вам необходимо ставить отдельно. Он устанавливается через стандартный инсталлятор joomla.
На скрине выше видно, что помимо стандартных плагинов установлен и включен плагин Xmap для компонента K2, т.к. на примерном сайте контент строиться на данном компоненте.
Ну что же, давайте построим теперь html-карту сайта. Для этого нам необходимо создать пункт меню и привязать его к Xmap. Можем создать для карты сайта отдельное меню с одним пунктом и вывести его где угодно и сделать, например, вместо ссылки иконочку карты сайта.
Я буду показывать на примере главного меню. Идем в менеджер меню -> главное меню -> создать пункт меню. Здесь как обычно вводим заголовок, а вот тип пункта меню выбираем Xmap -> HTML карта сайта.
После этого в правой колонке во кладке «Обязательные параметры » выбираем созданную нами в Xmap карту сайта.
После этого сохраняемся и переходим на наш сайт. Щелкаем в главном меню по пункту «Карта сайта».
Вот что у меня получилось. Смотрится довольно неплохо. По дереву ссылок можно определить вложенность статей.
Ну вот, наверно, на этом я закончу свою статью, посвященную Xmap. Если у вас возникнут вопросы, то задавайте их в комментариях, с удовольствием отвечу.
Компонент 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 | |
Многие ошибки были исправлены с момента предыдущей версии.
Если Вам не нужны эти расширения, тогда распакуйте скачанный архив и установите только компонент - 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 . |
|
| GNU/GPL V2 23.02.2012 Русский Joomla 1.5 261.4 KB 6455 |
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 существуют поддерживаемые разработчиками компоненты.
Loading...