Плагин Яндекс.Карт для Joomla

В этой заметке я хочу рассказать Вам о плагине для встраивания Яндекс.Карт в свободно распространяемую CMS Joomla.

Этот плагин разработан командой проекта YAR-IT и загрузить его можно по адресу http://yar-it.com/download/yandexmap/

Он устанавливается стандартным способом для плагинов Joomla.

Joomla — Профессиональный сайт за один день
86 видеоуроков, 12 часов 46 минут посвящены лучшей системе для создания сайтов — Joomla!

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

Мы заходим в Plugin Manager (менеджер плагинов) и находим в таблице запись Content — Yandex Maps.

Щелкаем по ссылке и попадаем в окно редактирования параметров плагина.

Окно редактирования параметров плагина

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

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

В поле YMAP_API – вводим API-ключь для Вашего сайта,

в поля YMAP_WIDTH и YMAP_HEIGHT – ширину и высоту окна карты (в пискселях px или %),

далее в поля YMAP_LAT и YMAP_LON – координаты центра карты (широту и долготу) ,

в YMAP_ZOOM – масштабный уровень карты.

Далее идут несколько переключателей для задания элементов управления картой.

YMAP_ZOOMTYPE – задает тип элемента масштабирования:

YMAP_ZOOMTYPE_N — YMaps.Zoom – элемент масштабирования, который позволяет менять разрешение карты с определенным шагом;

YMAP_ZOOMTYPE_S — YMaps.SmallZoom – компактный элемент масштабирования (без слайдера, только кнопки уменьшения и увеличения масштаба),

YMAP_ZOOMTYPE_O — без элемента масштабирования .

YMAP_MAPTYPE – задает тип отображения карты:

YMAP_MAPTYPE_S – обычная карта,

YMAP_MAPTYPE_SP – спутниковый снимок.

YMAP_MAPTYPE_G – гибрид.

YMAP_SHOWMAPTYPE — включает и выключает элемент управления, позволяющий выбрать различные типы карты.

YMAP_SHOWMINIM — отображать или нет обзорную карту

YMAP_SCROLLZOOM — включает и выключает возможность масштабирования с помощью колесика мыши

YMAP_DBLCLIKZ – включает и выключает возможность центрирования карты по двойному щелчку мыши.

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

YMAP_PLACEMARK – отображать или нет метку

YMAP_LATPL – координата метки по широте

YMAP_LONPL – координата метки по долготе

YMAP_TEXT – текст в метке

YMAP_OPENM — отображать или нет балун

YMAP_CONT – содержимое балуна.

Для включения плагина необходимо включить опцию Enabled в левой части окна.

Сохранить сделанные настройки.

Для добавления карты на страницу в нужном месте необходимо вставить строку {ymap}.

Пример отображения

Пример использования плагина Яндекс.Карт для Joomla

Посмотреть рабочий пример можно здесь.

Похожие статьи:

Комментарии (67) to “Плагин Яндекс.Карт для Joomla”

  1. Андрей

    Подскажите, каким образом нужно прописать в .php плагина «Яндекс-Карты», чтобы отобразились элементы
    ToolBar (панель инструментов)
    ScaleLine(линейка)
    ?

  2. admin

    Я по этому поводу написал специальную заметку по адресу Доработка плагина Яндекс.Карт для Joomla

  3. RomanMax

    а как добавить количество меток?

  4. admin

    В этом плагине можно использовать только две метки

  5. RomanMax

    А как сделать чтоб на следующей странице, например были еще пара меток, других?

  6. Никита Г.

    Чтобы добавить меток нужно найти строчку for ($i = 0; $i < 2; $i++) в файле plugin_yandexmap.php и заменить $i < 2 на $i < 25, должно сработать.
    Подпортит, конечно перфоманс, но если правильно подобрать число, то не сильно и заметно будет.

    На сайте про Новгород кто-то навешал штук 20 кинотератров таким образом и ничего, работает. :-)

  7. Никита Г.

    Да, забыл самое главное: при этом можно добавлять последующие точки только из текста статьи, т.е. указывать параметры плагина внутри тэга {ymap}

  8. admin

    Выложил превоначальную версию плагина для Joomla 1.5 на своем сайте http://webmap-blog.ru/files/soft/plg_ymap01.zip

  9. Didoff

    Установил плагин для Joomla 1.5, вставил полученный код от Яндекса, окно на странице появилось, а сама карта не отображается. Не подскажите причину?

  10. admin

    Вы API ключ правильный ввели для своего сайта?

  11. Didoff

    Спасибо, уже разобрался, была отключена загрузка mootools, т.к. на сайте не используется. Для решения проблемы я просто вставил следующий код в текст самой страницы — все заработало, И теперь все нужные скрипты грузятся ТОЛЬКО на той странице, где расположена сама карта.
    КОД:

    window.addEvent(‘domready’, function() {
    var map = new YMaps.Map(document.getElementById(«YMaps_0″));
    center = new YMaps.GeoPoint(39.831767, 57.577674);
    map.setCenter(center, 10);

    var zoomControl = new YMaps.Zoom();
    map.addControl(zoomControl);
    var typeControl = new YMaps.TypeControl();map.addControl(typeControl);

    map.enableScrollZoom();
    map.enableDblClickZoom();
    var placemark_0 = new YMaps.Placemark(new YMaps.GeoPoint(39.831767, 57.577674));
    placemark_0.setIconContent(«Жми сюда!»);
    map.addOverlay(placemark_0);
    placemark_0.setBalloonContent(«Привет, Joomla пользователь»);
    placemark_0.openBalloon();var placemark_1 = new YMaps.Placemark(new YMaps.GeoPoint(39.831767, 57.577674));
    placemark_1.setIconContent(«Жми сюда!»);
    map.addOverlay(placemark_1);
    placemark_1.setBalloonContent(«Привет, Joomla пользователь»);
    placemark_1.openBalloon();
    }
    )

  12. Didoff

    ПРАВИЛЬНЫЙ КОД:

    window.addEvent(‘domready’, function() {
    var map = new YMaps.Map(document.getElementById(«YMaps_0″));
    center = new YMaps.GeoPoint(39.831767, 57.577674);
    map.setCenter(center, 10);

    var zoomControl = new YMaps.Zoom();
    map.addControl(zoomControl);
    var typeControl = new YMaps.TypeControl();map.addControl(typeControl);

    map.enableScrollZoom();
    map.enableDblClickZoom();
    var placemark_0 = new YMaps.Placemark(new YMaps.GeoPoint(39.831767, 57.577674));
    placemark_0.setIconContent(«Жми сюда!»);
    map.addOverlay(placemark_0);
    placemark_0.setBalloonContent(«Привет, Joomla пользователь»);
    placemark_0.openBalloon();var placemark_1 = new YMaps.Placemark(new YMaps.GeoPoint(39.831767, 57.577674));
    placemark_1.setIconContent(«Жми сюда!»);
    map.addOverlay(placemark_1);
    placemark_1.setBalloonContent(«Привет, Joomla пользователь»);
    placemark_1.openBalloon();
    }
    )

  13. Didoff

    КОД в Вашем блоге почему-то полностью не публикуется.

  14. Dmitriy

    Приветствую! Собственно нет ни каких ограничений на создание меток! все что необходимо сделать это
    {ymap параметр=1 параметр=2 параметр=3………}
    где, имена параметров можно взять из xml файла плагина

  15. GLOBUS

    хех, подскажите где скачать компонент. Оф сайт закрыт ((

  16. admin

    я его выложил по адресу: http://webmap-blog.ru/files/soft/plg_ymap01.zip

  17. GLOBUS

    admin, спасибо тебе человек!

  18. GLOBUS

    Гуд! Эээм, может подскажите, вот есть карта, есть объект выделенный на ней, и вот юзер тыкает туда, и нужно что бы в этот момент открывалась страница посвященная данному объекту с возможностью комментировать ее. Ну или как вариант посно ссылки делать в описании объекта?

  19. Сергей

    не устанавливается пол joomla 1.5.15 — пишет не найден xml файл для joomla

  20. AlexAl

    Добрый день. Скажите а такое http://www.pitomec.ru/map реально с помощью компонента сделать?

  21. savik

    немогу понять куда вставить {ymap} чтоб на сайте отобразилась карта, я ево установил в joomla1.5 настроил , включил, и код получил а что дальше не врублюсь помогите плиззззззззззззззззззз

  22. admin

    Нужно {ymap} добавить в текст записи

  23. Тимофей

    Вставил плагин, все работет. Но возникает одна проблема. У меня 2 домена, а сайт находиться в одном хранилище! Т.е. могу ввести ключ в поле ключа только для одного домена. Если осуществляется преход с другого домена то возникает ошибка «ключ не найден». Как можно решить данную проблему?
    Домены http://www.fitnessekb.ru и http://www.fitnesekb.ru

  24. Тимофей

    Прошу прощения с балуном сам на косячил все! Сейчас все ок!

  25. admin

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

  26. Тимофей

    Да, спасибо проблема решена. Вашим способом!

  27. Света

    Спасибо, поставила на один из сайтиков!

  28. OtvetimKak

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

  29. creativum

    Подскажите, как включить всплывающие подсказки к баллунам.

  30. Mike

    Здравствуйте,
    Как можно святься с админом этого сайта, есть предложения по Яндекс-карте…

  31. admin

    ugolsergey@gmail.com

  32. Тим

    В поле YMAP_API – вводим API-ключь для Вашего сайта,
    что значит API ключ сайта?

  33. admin

    Читайте здесь http://api.yandex.ru/maps/jsapi/doc/dg/tasks/quick-start.xml

  34. Алексей

    а у меня проблема с этим плагином :(
    joomla 1,15,15 вставляю {ymap} в компонент контакты,(перепробовал все поля) на станице выводиться только этот код {ymap} а сама карта нет….что я делаю не так?

  35. Тим

    спасибо, получил API ключ, а как сделать то так, что бы в метке была фото здания? как я понял это надо какой то код в балун вносить? а что за код то?

  36. http://d-tk.ru

    разобрался,спасибо за полезные статьи!

  37. Алексей

    Есть решение как вставить карту яндекс или гугл в компонент com_contact joomla 1.5 решение по ссылке http://idivision.ru/index.php?option=com_content&view=article&id=118:maps-joomla&catid=52:blog&Itemid=161

  38. Сергей

    Поправьте в статье ссылку на сам компонент: http://yar-it.com/download/yandexmap/

  39. Сергей

    Не могу вставить API ключ.
    В параметрах плагина указаны только следующие настройки:

    Показать описание карты
    Окно
    Цвет затемнения фона модального окна
    Процент затемнения
    Цвет границы модального окна
    Ширина границы модального окна

  40. admin

    Дело в том, что теперь плагин устанавливается в месте с компонентом, загрузить который можно со страницы http://code.google.com/p/yandexmap/.
    В настройках компонента вводиться API-ключ

  41. Сергей

    Спасибо, все заработало.

  42. Руслан

    Подскажите, пожалуйста, как сделать так, чтобы при вставке карты в статью выводилась не ссылка на нее, а вся карта сразу?

  43. admin

    Нужно использовать возможности компонента, в меню Joomla создать новый пункт, тип меню Яндекс карты, а в настройках выбрать нужную карту

    Либо в параметрах строки для плагина на странице вместо view=link написать view=map

  44. Владимир

    Добрый вечер! Установил плагин,картинка сперва показывала а через некоторое время перестала(минут 20), а окно осталось,что может быть?!

  45. admin

    Мне не понятно, что могло произойти. Может временно нарушилось соединение с Интернетом.

  46. Евгений

    Поставил компонент и плагин. Включил плагин. Ввел API-ключ, заполнил все данные. Добавил карту через меню — работает отлично. Вставляю {ymap} в mod_custom — вместо карты надпись {ymap}
    Кто подскажет что делать?

  47. admin

    Нужно добавлять {yandexmaps view=map|id=1} , где id — номер вашей карты в панели управления компонентом, страница Карты

  48. Алексей

    Скажите, с помощью каких компонентов можно организовать что-то вроде этого http://sntvolna.spb.ru/maps на Joomla 1.5?

    Хочу на сайте http://mshinskaja.ru/maps сделать возможность зарегистрированным пользователям добавлять свои метки на народную яндекс карту (отмечать свои участки, магазины и т.д.)

    Какие компоненты для этого лучше использовать?

  49. admin

    Готового плагина или компонента, в котором пользователи могут добавлять на Яндекс.Карту метки я не встречал. На моем сайте есть заметка о том, как подключить народную карту к компоненту Яндекс.Карт. Для Вашей задачи его необходимо будет дорабатывать.
    Или заказывать разработку нового компонента с заданным функционалом.

  50. Алексей

    А сколько примерно может стоить доработка/разработка подобного компонента? И где посоветуете его заказать?

  51. saash

    Спасибо за плагин!
    интересный блог по картам

  52. Игорь

    Плагин очень полезный, блог-понятный.
    У меня вопрос:
    Не устанавливается плагин!!!

    Joomla (1.5.20 Stable) установил. А плагин не ставиться:

    Расширения — Установка и удаление — Обзор — закачать файл&установить.

    Появляется белое окно с адресом localhost/oboi/administrator/index.php, выхожу на предыдущую стр., расширение — плагины.

    Такого плагина -НЕТ.

    Сайт — Настройки — визуальный редактор по умолчанию — Здесь тоже НЕТ.

    Помогите, плз.

  53. admin

    Сейчас плагин работает в месте с компонентом, для установки сначала надо установить компонент, а затем плагин. http://code.google.com/p/yandexmap/

  54. Виталий

    Отличный плагин. Но не выводится название офиса в метке. В чём может быть проблема?

  55. Тимофей

    Вставляю в статью {yandexmaps view=map|id=1} но на ней нет балуна. Как его включить?
    При вставке {yandexmaps view=link|id=1|text=Map} все нормально работает.

  56. admin

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

  57. Тимофей

    Не понял. Я так и делаю вроде. Вот ссылка fitnessekb.ru/contacts почему там где «показать на карте» там все нормально. А в самом материале нет!

  58. admin

    Код карты работает нормально, я его вытащил на отдельную html-страницу и проверил. Ошибка возникает где-то в коде остальной страницы, нужно его проверять. Уберите карту и посмотрите в Firefox консоль ошибок. Может где-то скобка пропущена

  59. Тимофей

    Проверил в ФФ и ИЕ работает нормально в Опере и Хроме нет. Проверте у вас так же?

  60. admin

    Да

  61. Тимофей

    Т.е. у вас тоже не работает в ФФ и ИЕ? Что делать? Можно ли как-то это исправить?

  62. Тимофей

    Не правильно написал в не работает в Опере и Хроме!

  63. admin

    У Вас на странице используется библиотека jQuery, она же используется в API Яндекс.Карт (версия 1.3.2). Из-за этого может быть конфликт

    Можно добавить строку $ = YMaps.jQuery;
    А строку подключения библиотеки
    убрать

  64. Тимофей

    В этом файле yandexmaps.php или где?

  65. Тимофей

    Может отключить эту библиотеку? Или сайт может перестать работать?

  66. admin

    Нужно искать какой компонент или плагин использует jQuery, чтобы убрать строку кода с подключением:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

    И там же добавить строку $ = YMaps.jQuery;
    сразу перед

    $(document).ready(function(){
  67. Тимофей

    Спасибо, сам бы не разобрался! Это отслеживатель конверсий google был. Удалил его из index.php. Все работает сейчас! :)

Оставить комментарий