Zh YandexMap - Яндекс карты для Joomla. JB Maps v1.2.5 - модуль карт от Google для Joomla Скачать модуль карты для joomla 3

Карта сайта 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 добавляем следующую строчку.

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

Функции

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

Зависимости

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

Инструкции

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

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

Я установил модуль, но не вижу его?

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

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

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

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

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

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

На мой взгляд, гораздо проще использовать первоисточник, а именно конструктор карт от самого Яндекса.

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

Чтобы рядом с меткой выводить название выбираем тип С подписью .

Сохраняем результат и на следующем шаге задаем настройки размеров. Чтобы ширина карты подстраивалась под размер экрана устройства активируем опцию Растянуть по ширине .

Нажимаем кнопку Получить код карты и копируем код для вставки на сайт.

Данный код можно вставить в материал, модуль и просто в исходный код шаблона.

Немного подробнее про вставку кода в материал. Например, необходимо добавить карту на страницу с контактной информацией магазина.

Если на сайте используется тестовый редактор JCE, то с настройками по умолчанию он не позволяет вставлять в материал javascript код. Исправить ситуацию поможет опция Разрешить Javascrip в Компоненты > Редактор JCE > Профили редактора > Default > Параметры редактора > Расширенные .

После этого на странице редактирования материала нажимаем кнопку для просмотра исходного кода и вставляем наш скрипт.

Для вывода карты в модуле просто создаем модуль с типом HTML-код и аналогично вставляем код карты.

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

mod_flyleaf_ymap_j32.zip

Уже очень давно вышла cms Joomla 3, а нормального модуля яндекс карт не было. Сейчас уже имеем Joomla 3.2, а модуля не было до сегодняшнего дня.

Ранее(при Joomla 2.5) я использовал модуль - http://flyleaf.su/blog/jo omla/modul-yandeks-kart-s -rasshirennymi-nastroykam i-dlya-joomla-2.5.html
Но на Joomla 3 данный модуль хоть и ставился, но работал некорректно. Пришлось немного ковырнуть код и портировать модуль под Joomla 3.2
Думаю стоит его добавить в раздел плагины. Скачивайте и пользуйтесь - mod_flyleaf_ymap_j32.zip

","contentType":"text/html"},"proposedBody":{"source":"

","contentType":"text/html"},"authorId":"173188780","slug":"44199","canEdit":false,"canComment":false,"isBanned":false,"canPublish":false,"viewType":"old","isDraft":false,"isOnModeration":false,"isSubscriber":false,"commentsCount":19,"modificationDate":"Fri Mar 14 2014 15:25:00 GMT+0000 (UTC)","showPreview":true,"approvedPreview":{"source":"

","html":"Уже очень давно вышла cms Joomla 3, а нормального модуля яндекс карт не было. Сейчас уже имеем Joomla 3.2, а модуля не было до сегодняшнего дня.","contentType":"text/html"},"titleImage":null,"tags":[{"displayName":"PHP","slug":"php","categoryId":"17081730","url":"/blog/mapsapi??tag=php"},{"displayName":"Joomla","slug":"joomla","categoryId":"5580868","url":"/blog/mapsapi??tag=joomla"},{"displayName":"API 2.0","slug":"api-2-0","categoryId":"118618156","url":"/blog/mapsapi??tag=api-2-0"},{"displayName":"модули","slug":"moduli","categoryId":"9794493","url":"/blog/mapsapi??tag=moduli"}],"isModerator":false,"publishCount":1,"commentsEnabled":true,"url":"/blog/mapsapi/44199","urlTemplate":"/blog/mapsapi/%slug%","fullBlogUrl":"https://yandex.ru/blog/mapsapi","addCommentUrl":"/blog/createComment/mapsapi/44199","updateCommentUrl":"/blog/updateComment/mapsapi/44199","addCommentWithCaptcha":"/blog/createWithCaptcha/mapsapi/44199","changeCaptchaUrl":"/blog/api/captcha/new","putImageUrl":"/blog/image/put","urlBlog":"/blog/mapsapi","urlEditPost":"/blog/56a94059b15b79e31e0ced89/edit","urlSlug":"/blog/post/generateSlug","urlPublishPost":"/blog/56a94059b15b79e31e0ced89/publish","urlUnpublishPost":"/blog/56a94059b15b79e31e0ced89/unpublish","urlRemovePost":"/blog/56a94059b15b79e31e0ced89/removePost","urlDraft":"/blog/mapsapi/44199/draft","urlDraftTemplate":"/blog/mapsapi/%slug%/draft","urlRemoveDraft":"/blog/56a94059b15b79e31e0ced89/removeDraft","urlTagSuggest":"/blog/api/suggest/mapsapi","urlAfterDelete":"/blog/mapsapi","isAuthor":false,"subscribeUrl":"/blog/api/subscribe/56a94059b15b79e31e0ced89","unsubscribeUrl":"/blog/api/unsubscribe/56a94059b15b79e31e0ced89","urlEditPostPage":"/blog/mapsapi/56a94059b15b79e31e0ced89/edit","urlForTranslate":"/blog/post/translate","urlRelateIssue":"/blog/post/updateIssue","urlUpdateTranslate":"/blog/post/updateTranslate","urlLoadTranslate":"/blog/post/loadTranslate","urlTranslationStatus":"/blog/mapsapi/44199/translationInfo","urlRelatedArticles":"/blog/api/relatedArticles/mapsapi/44199","author":{"id":"173188780","uid":{"value":"173188780","lite":false,"hosted":false},"aliases":{},"login":"art-apple-studio","display_name":{"name":"art-apple-studio","avatar":{"default":"173188780","empty":false}},"address":"","defaultAvatar":"173188780","imageSrc":"https://avatars.mds.yandex.net/get-yapic/173188780/islands-middle","isYandexStaff":false},"originalModificationDate":"2014-03-14T11:25:47.000Z","socialImage":{"orig":{"fullPath":"https://avatars.mds.yandex.net/get-yablogs/47421/file_1456488726678/orig"}}}}}">

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

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

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

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

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

КАТЕГОРИИ